Javascript权威指南笔记二:客户端js基础

计时器
setTimeout(fun() , 2000); //两秒后执行函数fun()
setInterval(fun() , 2000); //每隔2秒执行一次fun()
对话框
alert() :打印js脚本返回值,一般只用于调试
confirm():要求用户确认或取消,返回布尔值
prompt():让用户输入字符串,并返回该字符串
showModalDialog():第一个参数是url,第二个参数是任意值,可通过window.dialogArguments访问到,第三个参数包含以分号隔开的name=value对。
参数样例:’resizable:yes;scroll:yes;status:no;dialogWidth=320px;dialogHeight=230px;center=yes;help=no’
window对象
Javascript权威指南笔记二:客户端js基础
location
当前显示文档的url window.location === document.location document.URL:文档首次载入后的URL字符串,如果片段标示符(如#top)发生改变,document.URL不会发生改变,而window.location会相应变化。
URL分解: href:默认,获取完整url
search:获取?后的内容
protocol:返回当前url的协议
host:设置或返回主机名和端口号
hostname:设置或返回主机名
port:设置或返回端口号
pathname:设置或返回url的路径部分
hash:获取#后的内容
location方法:
assign() 加载新文档
reload() 刷新
replace() 加载新文档,并删除旧文档浏览记录
history
该窗口的浏览历史 history方法: back() , forward():后退,前进
go():接受一个整数参数,作为前进后退的步数
navigator
navigator属性引用的是Navigator对象,Navigator对象主要包含4种属性:
userAgent:最常用的浏览器嗅探代码,http头中的的字符串
appVersion:浏览器厂商和版本信息的详细字符串
platform:操作系统信息
appName:web浏览器的全称
Navigator对象其他非标准化属性: onLine:判断浏览器是否连接网络
screen
height,width:屏幕宽高
availHeight , avaliWidth:除去任务栏等真实可用的宽高
open() & close()
example:
window.open("url" , "窗口名" ,"width=400,height=350,resize=yes")
window.close()
选取元素
getElementById( )
获取设置了id的元素
getElementByName( )
获取设置了name属性的元素
getElementByTagName( )
获取标签名,example:
var ps = document.getElementByTagName("p") //获取所有的<p>元素
var first_p = document.getElementByTagName("p")[0]  //获取第一个<p>元素
getElementByClassName( )
获取类名
innerHTML
获取标签内的html文档
textContent = innerText
获取或修改标签内文本内容,textContent在一些IE版本中不支持

你可能感兴趣的:(JavaScript,html,Web,浏览器)