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知识的主要内容,如果未能解决你的问题,请参考以下文章

在新窗口中打开的反应导航栏菜单项

Window.open 实现导航与打开窗口,导航到一个特定链接地址,也可以打开一个新的浏览器窗体

学习JavaScript之BOM部分

制作新按钮,“新窗口打开网站” ,点击打开新窗口。

怎么打开eclipse的导航窗口呢?

JavaScript-打开新窗口(window.open)