Javascript web知识
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Javascript web知识相关的知识,希望对你有一定的参考价值。
浏览器中的javascript很重要的一部分是BOM(浏览器对象模型),她提供了独立于内容而与浏览器窗口进行交互的对象。
1. 导航和打开新窗口
window.open(“http://www.baidu.com”,”wioxwindow”,
”height=150,width=30,top=10,left=10,resizable=yes”);
特性字符串是用逗号分隔的,因此在逗号或等号前后不能有空格。
window.open( pageURL,name,parameters);
其中:
pageURL 为子窗口路径
name 为子窗口句柄
parameters 为窗口参数
参数取值说明
alwaysLowered|yes/no|指定窗口隐藏在所有窗口之后
alwaysRaised|yes/no |指定窗口悬浮在所有的窗口之上
depended|yes/no |是否和父窗口同时关闭
directories|yes/no |Nav2和3的目录栏是否可见
height| pixel value |窗口高度
hotkey|yes/no |在没菜单栏的窗口中设置安全退出热键
innerHeight| pixel value |窗口中文档的像素高度
innerWidth| pixel value |窗口中文档的像素宽度
location|yes/no |位置栏是否可见
menubar|yes/no |菜单栏是否可见
resizable|yes/no |窗口大小是否可调整
scrollbars|yes/no |窗口是否可滚动
titlebar|yes/no |窗口标题栏是否可见
toolbar|yes/no |窗口工具栏是否可见
用函数控制窗口弹出:
1. <body onload=”openwin()”> 浏览器读页面时弹出窗口
2. <body onunload=”openwin()” 在浏览器离开页面时弹出窗口
3. 用一个连接调用
<a href=”#” onclick=”openwin()”>打开一个窗口</a>
注意:使用的“#”是虚链接。
4. 用一个按钮调用
<input type=”button” onclick=”openwin()” value=”打开窗口” />
5. 在弹出窗口后定时关闭
将下面一行代码加入弹出页面(注意加入的是弹出页面,而非主页面),让其10秒后关闭。
<script type=”text/javascript”>
function closeit(){
setTime(“self.close()”,10000);
}
</script>
然后,再用 <body onload=”closeit()”> 替换弹出页面<body>标签的内容。这是调用的一句话。
2. 系统对话框 (弹出消息)
1. alert(“Hello World!”) ;//只接受一个参数即显示给用户的文本
2. confirm(“Are you sure”;) //返回一个 bool值
3. prompt(“What’s your name?”,”Michael”) ;
//提示用户输入信息,返回输入值或null
3. 时间间隔和暂停
暂停:setTimeout(‘function’ ,time)
第一个参数可以是代码串,也可以是函数指针,第二个参数是暂停时间(毫秒)
function time(){ alert(‘执行’);}
<input type=”button” onclick=”setTimeout(‘time’,1000)” />
表示在一秒后执行time()函数,调用setTimeout()时,它创建一个数字暂停ID,与操作系统的进程ID相似。暂停ID本质上是要延迟的进程ID,在调用setTimeout() 时后,就不应该执行其他代码。想取消还未执行的暂停,可以用 clearTimeout() 来取消。
clearTimeout() 接受一个参数:执行 setTimeout()时,创建的暂停ID。
时间间隔:setInterval(); clearInterval(); 参数同上。
4. location 对象表示载入窗口的URL,它还可以解析URL。
location.href 是最常用的属性,用于获取或设置窗口的URL,改变属性值就可以导航到新的页面。
location.href=”http://www.baidu.com”;
方法实现 location.assign(“http://www.baidu.com”);
replace()方法与assign()方法操作一样,但它多了一步操作,即从浏览器历史中删除了包含脚本的页面,这样就不能通过浏览器的back和forward按钮访问它了。
reload() 方法 重载。
//location跳转连接
<input />点击链接
1. 链接到某页
<input type="button" onclick="location.href=‘index.php‘" />
2. 返回(等同后退)
<input type="button" onclick="location.href=‘javascript:history.go(-1)‘" />
3. 打开新网页
<input type="button" onclick="window.open(‘index.php‘)" />
4. 打开新网页同时指向另一页
<input type="button" onclick="window.open(‘index.php‘);location.href=‘http://baidu.com‘" />
5. 弹出窗口
方式一、
<input type="button" onclick="alert(‘是否确认提交?‘);location.href=‘index.php‘;return false;" />
方式二、
<input type="button" onclick="if(confirm(‘是否选择提交?‘)) location.href=‘index.php‘; return false;" />
以上是关于Javascript web知识的主要内容,如果未能解决你的问题,请参考以下文章