## 1.關鍵詞過濾
需求:將文本域中的天貓淘寶換成**
```
<textarea name="" id="txt" cols="30" rows="10"></textarea>
<button id="filter">過濾</button>
<script>
var txt = document.getElementById("txt");
var filter = document.getElementById("filter");
var reg = /天貓|淘寶/g;
filter.onclick = function(){
var content = txt.value;
var filterContent = content.replace(reg,"**");
txt.value = filterContent;
}
```
## 2.過濾小說網站的html標簽
```
var reg =/<[^<>]*>/g;
txt2.value = txt1.value.replace(reg,"");
```
## 3.郵箱驗證
```
//郵箱的規則
一串數字,字母或下劃線@一串數字英文.一串英文
/\w+@[a-z0-9]+\.[a-z]+/i
var reg = /^\w+@[a-z0-9]+\.[a-z]+$/i//test() 只要字符串中的一部分符合要求
reg.test();
<input type="text" id="txt">
<button id="btn">驗證</button>
<script>
// 郵箱的規則數字字母或下劃線@數字或字母.字母
var reg =/^\w+@[a-z0-9]+\.[a-z]+$/i;
btn.onclick = function(){
var value = txt.value;
if(reg.test(value)){
alert("輸入正確")
}else{
alert("錯誤")
}
}
</script>
```
## 4. 電話號碼
規則:以1開頭,第二位為(3-9),剩下9位隨便選
```
<input type="text" id="txt">
<button id="btn">驗證</button>
<script>
var reg =/^1[3-9]\d{9}$/i;
btn.onclick = function(){
var value = txt.value;
if(reg.test(value)){
alert("輸入正確")
}else{
alert("錯誤")
}
}
</script>
```
- 效果實例
- 1.點擊增加高度
- 2.tab頁面切換
- 3. 列表切換
- 4. 隔行變色
- 5. swiper 輪播
- 6.vue
- 7.定時器
- 8. 向表格中添加數據
- 9 瀑布流
- 1.JavaScript基礎
- 1. 變量
- 2. 調試
- 3.數據類型
- 4.轉換
- 5.控制語句
- 6.運算
- 7. this
- 8 JSON對象和javascript對象的相互轉換
- 2.JavaScript的控制語句
- 1. 基本控制語句
- 2.節點
- 2.1DOM補充
- 3. 函數
- js的模塊化如何解決
- 不知道有什么用的
- 4.數組
- 5. String
- 補充
- 6.Ajax
- 1. 原生Ajax
- 2. HTTP/get/post
- 3.jQuery-Ajax
- 4.跨域
- 5.axios
- 6.封裝
- Ajax效果
- ajax補充
- 7. 正則
- 1.創建正則表達式
- 2. 正則的api
- 3.正則語法
- 4.例子
- 量詞
- 8.面向對象
- 1.原型
- ES6
- 模塊化
- 1.回調地獄
- 什么是回調地獄
- 簡單封裝
- promise解決回調地獄
- generator解決回調地獄
- async解決回調地獄
- 2.封裝
- Ajax,promise
- JavaScript難點
- 1. 閉包/作用域
- 2.原型鏈
- 3. 兼容性
- 適配
- JavaScript小效果
- 字符串截取