美文网首页
浏览器里的JavaScript——window

浏览器里的JavaScript——window

作者: hyt222 | 来源:发表于2017-07-04 14:49 被阅读0次

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 秒后,跳到另一个页面。

相关文章

  • JS Window

    JavaScript Window - 浏览器对象模型 浏览器对象模型 (BOM) 使 JavaScript 有能...

  • 学习笔记——浏览器对象模型(Window)

    Window 对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 所有 JavaScript 全局对象...

  • JS笔记-007-JS Window-cookie

    Window 对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 所有 JavaScript 全局对象...

  • JavaScript BOM

    一、Window对象 浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。 Window...

  • 09.JavaScirpt window

    window 窗口 所有浏览器都支持window对象,它表示浏览器窗口本身; 所有 JavaScript 全局对象...

  • [JavaScript] (Day-16) - 浏览器对象

    JavaScript可以获取浏览器提供的很多对象,并进行操作。 window window对象表示浏览器窗口,而且...

  • (浏览器)浏览器对象

    浏览器对象 JavaScript可以获取浏览器提供的很多对象,并进行操作。 window window对象不但充当...

  • JavaScript BOM

    window对象 浏览器的一个实例。在浏览器中,window对象有双重角色,既是通过JavaScript访问浏览器...

  • JavaScript Window(9/13)

    JavaScript Window Navigator window.navigator 对象包含有关访问者浏览器...

  • javascript浏览器对象模型-window对象

    javascript浏览器对象模型-window对象 window对象是BOM(Browser Object Mo...

网友评论

      本文标题:浏览器里的JavaScript——window

      本文链接:https://www.haomeiwen.com/subject/kznthxtx.html