Javascript 基础篇

1 . 一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,location,document)
2. 传统的HTML文档顺序是:document- >html- >(head,body)
3. 得到表单中元素的名称和值

document.getElementById("ID").name
document.getElementById("ID").value

4 . JS中的值类型: String, Number, Boolean, Null, Object, Function
5 . JS中的字符型转换

字符串转数字
ECMAScript 提供了两种把非数字的原始值转换成数字的方法,即 parseInt() 和 parseFloat()。

parseInt('123abc') : 返回 123(int)
parseFloat('31.24abc') : 返回 31.24

数字转字符串

var i = 10;
var s = i.toString();  //将输出 String  "10"

强制类型转换

Boolean(value) - 把给定的值转换成 Boolean 型;
Number(value) - 把给定的值转换成数字(可以是整数或浮点数);
String(value) - 把给定的值转换成字符串;

6 . 循环中止的命令是:break
7. 当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替
8. 窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self
9. 状態栏的设置:window.status= “字符”
10. 弹出確认框:window.confirm();
11. 弹出输入提示框:window.prompt();
12. 指定当前显示链接的位置:window.location.href= “URL ”
13. 取出窗体中的所有表单的数量:document.forms.length
14. 关闭文档的输出流:document.close();
15. 创建一个文档元素

createElement(name) 通过指定名称创建一个元素节点
createTextNode(data) 创建文本节点。

16 . 得到元素的方法

document.getElementById(id)  
document.getElementsByName(name)  //返回带有指定名称的对象的集合
document.getElementsByTagName(tagname)  //返回带有指定标签名的对象的集合

17 . 字符串大小写转换

string.toUpperCase();  //转换成大写
string.toLowerCase();  //转换成小写

18 . 返回字符串2在字符串1中出现的位置:String1.indexOf( "String2 ")!=-1则说明没找到.
19. 取字符串中指定位置的一个字符:StringA.charAt(9);
20. 取出字符串中指定起点和终点的子字符串:stringA.substring(2,6);
21. 数学函数

Math.PI  //(返回圆周率)
Math.SQRT2  //(返回开方)
Math.max(value1,value2)  //返回两个数中的最在值
Math.pow(value1,10)  //返回value1的十次方
Math.round(value1)  //四舍五入函数
Math.floor(Math.random()*(n 1))  //返回隨机数 

22 . 定义日期型变量:var today = new Date();
23 . 日期函数列表 注重:此日期时间从0开始计

dateObj.getTime()  //得到时间,
dateObj.getYear()  //得到年份
dateObj.getFullYear()  //得到四位的年份
dateObj.getMonth()  //得到月份
dateObj.getDate()  //得到日
dateObj.getDay()   //得到日期几
dateObj.getHours()  //得到小时
dateObj.getMinutes()  //得到分
dateObj.getSeconds()  //得到秒
dateObj.setTime(value)  //设置时间
dateObj.setYear(val)  //设置年
dateObj.setMonth(val)  //设置月
dateObj.setDate(val)  //设置日
dateObj.setDay(val)  //设置星期几
dateObj.setHours  //设置小时
dateObj.setMinutes(val)  //设置分
dateObj.setSeconds(val)  //设置秒 

24 . 打开子窗口的父窗口为:opener
25. 表示当前所属的位置:this
26. contentEditable可设置元素是否可被编辑/修改, isContentEditable 返回是否可修改的状態.
27. window.focus()使当前的窗口在所有窗口之前.
28. blur()指失去焦点. FOCUS()相反 //当元素获得焦点时,发生 focus 事件
29. select() 方法用于选取密码域中的文本。
30. input文本框禁止输入,防止用户对文本框中禁止输入
html中提供了三种禁止输入框的输入:readonly、disabled、autocomplete。严格地讲前两种才是禁止用户输入,而autocomplete只是默认清除用户的输入记录。

<input type="text" name="www.xxx" readonly="readonly" />   //表示该输入域的值只能read,不能write,他仅仅只能与 type="text" 配合使用,可复制,可选择,可以接收焦点,后台会接收到传值。
<input type="text" name="www.xxx.com" disabled="disabled" />   //表示禁用input元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值,页面显示也会变成置灰状态。
<input type="text" autocomplete="off" id="number"/>   //浏览器通常会记录input输入框的记录,所以在输入的时候,经常会下拉很多内容,使用autocomplete能够清除用户的输入记录,在每次重新请求页面时,记录都会清空。

31 . 取出该元素在页面中出现的数量

document.all.tags( "div(或其它HTML標记符) ").length   //取出该元素在页面中出现的数量
document.all.tags("input")  //取到当前所有的input标签
document.all.tags("input").item(0)  //就是第一个input标签
document.all.tags("input").item(0).checked  //第一个标签被选中

32 . JS中的提示输入框: window.prompt( "message ", "defaultReply ");
33. JS中的窗口滚动条: window.scroll(x,y)
34. JS中的窗口滚动到位置: window.scrollby
35. JS中设置时间间隔: setInterval( "expr ",msecDelay)setInterval(funcRef,msecDelay)setTimeout
36. 刷新当前页面 window.location.reload()
37. window.history.back()返回上一页, window.history.forward()返回下一页, window.history.go (返回第几页,也可以使用访问过的URL)
38. document.write() 不换行的输出, document.writeln()换行输出
39. document.body.noWrap=true; 防止链接文字折行.
40. 变量名.charAt(第几位) ,取该变量的第几位的字符.
41. "abc ".charCodeAt(第几个),返回第几个字符的ASCii码值.
42. string.replace(regExpression,replaceString) 替换现有字符串
43. string.split(分隔符) 返回一个数组存储值
44. string.substr(start[,length]) 取从第几位到指定长度的字符串.
45. string.toLowerCase()使字符串全部变为小写
46. string.toUpperCase()使全部字符变为大写.
47. parseInt(string[,radix(代表进制)])强制转换成整型.
48. parseFloat(string[,radix])强制转换成浮点型
49. isNaN(变量) :测试是否为数值型
50. 定义常量的要害字:const,定义变量的要害字:var

猜你喜欢

转载自blog.csdn.net/gqzydh/article/details/80020534