浏览器里的JavaScript——window

2017-07-04  本文已影响0人  hyt222

1.全局对象

任何一个 JavaScript 运行环境一定会提供一个全局对象。

浏览器的全局对象是 window。

所有全局变量实际上是 window 的成员。

var answer = 12;  alert( window.answer );

2.document

window.document 表示浏览器窗口中的 HTML 页面。

document.write() 将内容写入页面。

页面中的元素就是 document 里的成员。

for(x in document)

       document.write(x+"<br>");

3.HTML 中的 JavaScript

在 <script></script> 标记中(放在head中定义,body中做动作)

在<script>的 src 属性或 archive 指定的外部文件中

在某个 HTML 标记的事件处理器中(在标记放事件处理器,当标记所表达的东西发生一些事情时,调用JavaScript程序做事情)

4.外部JavaScript文件

<script src="util.js"></script>

从某一个服务器取一个 .js 文件,可以 http 到另一个网站。

一个纯粹的代码文件,没有 HTML 标记。

5.事件处理器

<p onMouseOver = "alert('hi');">

鼠标经过时,弹出对话框。几乎所有HTML标记都可以放入这样的东西。

6.body 事件

onLoad 在这个页面装载完成,开始显示前他要做的事情。

onUnload 页面要被关掉之前,要做的事情。

7.简单对话框

alert()

confirm() 可选择 YES / NO

prompt()  有输入框,可以输入文字,若点击取消返回的字符串为空。

8.状态栏

状态栏在浏览器下方,可读可写,它就是 window 的变量。

status:现在把他改成什么样

defaultStatus :如果没有别的东西显示,它应该显示什么样

<p onMouseOver="status='网易云学习';" onMouseOut="status=' ';">

一定要有 onMouseOut


9.定时器

setInterval() 给它两个参数,第一个参数是要做什么动作(执行函数),第二个参数是时间间隔(毫秒)。

每 1000 毫秒(1秒)update() 一次,每一秒倒计时到 1 为止。


10. window 的控制方法

window.open()  window.close();(把自己关掉) w.close()

var w=open("my.html","smallwin","width=400,height=350,status=yes,resizable=yes");

open() 用于打开一个新的窗口,返回一个新的 window 对象,可以用变量记住,将来可以做一些事情控制它(移动,关闭)。

第一个参数为调用的页面,若没有则打开一个空窗口。第二个参数为新窗口名字,将来可以在系统里通过名字找到窗口。其他为窗口如何显示的参数。

window 的 open 函数做的事情是根据第二个参数(窗口名字)找浏览器有没有已经打开的叫做这个名字的窗口,如果有转到那个窗口,没有则新建窗口。

页面装载时会打开新窗口并移动,页面装载时启动一个定时器,两秒之后执行 guanbi() 函数把 w 代表的窗口关掉。


11. location 对象

window.location 代表当前文档的 URL (统一资源定位符,互联网上标准资源的地址),可读可写

alert(location); // 显示文件的路径与名字

location = "http://study.163.com"; // 窗口会转到另一页面

在页面装载 2 秒后,跳到另一个页面。

上一篇 下一篇

猜你喜欢

热点阅读