字符串，數組，定時器，form

一.字符串

<script>/*// 字符串的屬性var a="hello world";console.log(a.length);console.log(a[1]);var b=11;// alert(typeof(b.toString())); // 將數字轉換成字符串// substring截取字符串 會自己比較參數的大小，小的在前面。負數轉為0console.log(a.substring(3,6)); // 通過索引截取一段字符console.log(a.substring(6,3)); // 等同上console.log(a.substring(-3,6)); // 負數等于零（0，6）// slice切片一個參數console.log(a.slice(-5)); // 切片，倒數第五個到最后console.log(a.slice(2)); // 切片，二到最后console.log(a.slice(3,6)); // 3-6console.log(a.slice(-5,-1)); //// * split切割 返回 數組,在通過索引可以拿到里面的內容console.log(a.split("w"));// * indexOf查找字符串 又返回索引 不存在返回 -1console.log(a.indexOf("o")); // 返回找到的第一個字符索引// toUpperCase將字符串全部轉換成大寫console.log(a.toUpperCase());// toLowerCase將字符串全部轉換成小寫console.log(a.toLowerCase());*/</script>

二.數組

<script>// 數組array -存儲數據 有序可寫 var shuzu=[1,2,"a"] or var shuzu2=new Array();在通過shuzu2[0]="val"// 查看數組的個數 arr.length// 可以讀可寫 arr[0]="x";// 在后面添加 能同時添加多個值 arr.push// 在前面添加 能同時添加多個值 arr.unshift()// 刪除數組的最后一個 arr.pop()// 刪除數組的第一個 arr.shift()// * 數組的長度 arr.splice() 返回刪除(修改)值// 一個參數 數組的長度為1，也就是數組只保留一位，刪除其他var arr=["a",1,"d",2,3,4,5];// console.log(arr.splice(1)); 返回值[1,"d",2,3,4,5] arr=["a"]// 二個參數 從第一位開始刪除2位// console.log(arr.splice(1,2)); // 1，"d"// 三個參數// 從第0個開始，將后面2個刪除再添加一個"z"//console.log(arr.splice(0,2,"z")); // 打印改變的值(1,2) arr變成["a","z",2,3,4,5]// 從第0個開始，將后面2個刪除再添加"z","x"//console.log(arr.splice(0,2,"z","x")); // 打印改變的值(1,2) arr變成["a","z","x",2,3,4,5]// 第二位開始前面插入 d前面//console.log(arr.splice(2,0,"z","x")); // 打印 [],arr變成 ["a",1,"z","x","d",2,3,4,5]//join 將數組拼接成字符串//將數組以 什么方式 拼接起來成為字符串，**可以識別標簽 console.log(arr.join(""));console.log(arr.join("~"));/*arr.sort() // 1.非數學上的順序順序來排序 arr.reverse()倒序排序
　　　　*/</script> 　2.按數學上的大小排序 <script> var arr = [-8,15,2,3,1]; arr.sort(function (a,b) {// return a - b; //從小到大// return b - a; //從大到小// return 1; // 原來arr的倒序// return 0; // 大于等于0，為原來的順序 }); console.log(arr); </script>

三：定時器

　　時間對象：

/*
// 時間對象
// 獲取時間
var date=new Date();
// 獲取時間戳
// 1.
var strap = date.getTime();
// 2.
var strap2 = date*1;
// 獲取年
var year = date.getFullYear();
// 獲取月份 月份為0~11
var month = date.getMonth()+1;
// 獲取日期 日期為1~31
var days = date.getDate();
// 獲取小時
var hour = date.getHours();
// 獲取分鐘 分鐘
var min = date.getMinutes();
// 獲取秒 秒
var sec = date.getSeconds();
// 獲取周幾
var day=date.getDay();
*/

?　　定時器：

<script>// 定時器// 1.延遲定時器// 1）執行一次 setTimeout(Fn,time), Fn為執行的事件，time為時間 setTimeout(function () {alert(1)},2000); // 2000=2s// 2）執行多次 setInterval(Fn,time) setInterval(function () {console.log(1)},2000)// 清除定時器 clearTimeout(name); // 定時器name clearInterval(name) ; //定時器 name */</script>

四.form表單

<!--form表單--><!--action="向何處提交,將數據提交給后臺處理" method="提交的方式post,get"--><!--get以name=value提交,沒有設置value則顯示on，顯示在網址欄--><!--post提交，顯示在開發者工具的 Nerwork下的Doc里面--><form action="" method="get" autocomplete="off"> <!--autocomplete="off"關閉提示的賬號歷史信息--><!--input是單標簽-->賬號：<input type="text" name="user" placeholder="提示語句 賬號"><br>密碼：<input type="password" name="paswd" placeholder="提示語句 密碼"><br><!--單選框 為一個選項，多個選項中選一個，需要表明多個選項是一類的。通過name實現checked 是默認選中 ,disabled禁選框-->性別：<input type="radio" name="gender" value="nan">男<input type="radio" name="gender" checked value="nv">女<input type="radio" name="gender" disabled value="no">Thailand<br><!--多選框 checked 是默認選中，disabled禁選框-->選擇愛好：<input type="checkbox" id="dance" name="hobby"><label for="dance">跳舞</label> <!--通過id關聯，點擊內容 跳舞也能選中多選框 --><input type="checkbox" name="hobby" checked>唱歌<input type="checkbox" name="hobby" disabled>游泳<br><!--下拉框 后臺通過name和value 拿數據-->選擇地區：<select name="address" id="a" size="2"> <!--size顯示2項出來 --><option value="1">成都</option><option value="2" selected>南極</option> <!--selected默認展示的項 --><option value="3">北極</option><option value="4">中國</option></select><br><!--文本框 通過樣式設置寬高 resize=none設置不拉伸，=vertical豎直方向拉伸，=horizontal水平拉伸 -->文本框：<textarea name="" id=""></textarea><br><!--提交submit默認value值提交，就是--按鈕上顯示的字，可以修改-->提交按鈕:<input type="submit" value="tijiao"><br><!--重置 value默認 重置-->重置：<input type="reset"><!--button value默認為空 js來操作--><input type="button" value="js操作"><br></form>

效果

?

posted on 2018-01-28 19:23 .Tang 閱讀(...) 評論(...) 編輯 收藏

轉載于:https://www.cnblogs.com/tangpg/p/8371764.html

總結

以上是生活随笔為你收集整理的字符串，数组，定时器，form的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。