摘要: 认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成... 阅读全文
posted @ 2016-06-16 09:58 攻城狮-云上 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 编程练习 制作一个跳转提示页面: 要求: 1. 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如课网主页。 2. 如果点击“返回”按钮则返回前一个页面。 效果: 注意: 在窗口中运行该程序时,该窗口一定要有历史浏览记录,否则"返回"无效果。 任务... 阅读全文
posted @ 2016-06-16 09:10 攻城狮-云上 阅读(491) 评论(0) 推荐(0) 编辑
摘要: 屏幕可用高和宽度 1. screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。 2. screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如任务栏。 注意: 不同系统的任务栏默认高度不一样,及任务栏... 阅读全文
posted @ 2016-06-16 08:33 攻城狮-云上 阅读(333) 评论(0) 推荐(0) 编辑
摘要: 屏幕分辨率的高和宽 window.screen 对象包含有关用户屏幕的信息。 1. screen.height 返回屏幕分辨率的高 2. screen.width 返回屏幕分辨率的宽 注意: 1.单位以像素计。 2. window.screen 对象在编写时可以不使用 window 这... 阅读全文
posted @ 2016-06-16 08:32 攻城狮-云上 阅读(473) 评论(0) 推荐(0) 编辑
摘要: screen对象 screen对象用于获取用户的屏幕信息。 语法: window.screen.属性 对象属性: 阅读全文
posted @ 2016-06-16 08:31 攻城狮-云上 阅读(192) 评论(0) 推荐(0) 编辑
摘要: userAgent 返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串) 语法 navigator.userAgent 几种浏览的user_agent.,像360的兼容模式用的是IE、极速模式用的是chrom的内核。 使用userAgent判断使用的是什么浏览器(假... 阅读全文
posted @ 2016-06-16 08:31 攻城狮-云上 阅读(716) 评论(0) 推荐(0) 编辑
摘要: Navigator对象 Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。 对象属性: 查看浏览器的名称和版本,代码如下: 任务 在右边编辑器script标签内,使用Navigator对象,查看浏览器相关信息。 无标题文档... 阅读全文
posted @ 2016-06-16 08:30 攻城狮-云上 阅读(600) 评论(0) 推荐(0) 编辑
摘要: Location对象 location用于获取或设置窗体的URL,并且可以用于解析URL。 语法: location.[属性|方法] location对象属性图示: location 对象属性: location 对象方法: 任务 在右边编辑器script... 阅读全文
posted @ 2016-06-16 08:30 攻城狮-云上 阅读(784) 评论(0) 推荐(0) 编辑
摘要: 返回浏览历史中的其他页面 go()方法,根据当前所处的页面,加载 history 列表中的某个具体的页面。 语法: window.history.go(number); 参数: 浏览器中,返回当前页面之前浏览过的第二个历史页面,代码如下: window.history.go(... 阅读全文
posted @ 2016-06-16 08:30 攻城狮-云上 阅读(400) 评论(0) 推荐(0) 编辑
摘要: 返回下一个浏览的页面 forward()方法,加载 history 列表中的下一个 URL。 如果倒退之后,再想回到倒退之前浏览的页面,则可以使用forward()方法,代码如下: window.history.forward(); 注意:等价点击前进按钮。 forward()相... 阅读全文
posted @ 2016-06-16 08:29 攻城狮-云上 阅读(3444) 评论(0) 推荐(0) 编辑
摘要: 取消计时器clearTimeout() setTimeout()和clearTimeout()一起使用,停止计时器。 语法: clearTimeout(id_of_setTimeout) 参数说明: id_of_setTimeout:由 setTimeout() 返回的 ID 值... 阅读全文
posted @ 2016-06-16 08:28 攻城狮-云上 阅读(587) 评论(0) 推荐(0) 编辑
摘要: History 对象 history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。 注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。 语法: window.h... 阅读全文
posted @ 2016-06-16 08:28 攻城狮-云上 阅读(1230) 评论(0) 推荐(0) 编辑
摘要: 返回前一个浏览的页面 back()方法,加载 history 列表中的前一个 URL。 语法: window.history.back(); 比如,返回前一个浏览的页面,代码如下: window.history.back(); 注意:等同于点击浏览器的倒退按钮。 bac... 阅读全文
posted @ 2016-06-16 08:28 攻城狮-云上 阅读(10606) 评论(0) 推荐(0) 编辑
摘要: 计时器setTimeout() setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。 语法: setTimeout(代码,延迟时间); 参数说明: 1. 要调用的函数或要执行的代码串。 2. 延时时间:在执行代码前需等待的时间,以毫秒为单位(1... 阅读全文
posted @ 2016-06-16 08:27 攻城狮-云上 阅读(686) 评论(0) 推荐(0) 编辑
摘要: 取消计时器clearInterval() clearInterval() 方法可取消由 setInterval() 设置的交互时间。 语法: clearInterval(id_of_setInterval) 参数说明: id_of_setInterval:由 setInterva... 阅读全文
posted @ 2016-06-16 08:26 攻城狮-云上 阅读(1042) 评论(0) 推荐(0) 编辑
摘要: 计时器setInterval() 在执行时,从载入页面后每隔指定的时间执行代码。 语法: setInterval(代码,交互时间); 参数说明: 1. 代码:要调用的函数或要执行的代码串。 2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。 ... 阅读全文
posted @ 2016-06-16 08:25 攻城狮-云上 阅读(933) 评论(0) 推荐(0) 编辑
摘要: 编程练习 某班的成绩出来了,现在老师要把班级的成绩打印出来。 效果图: XXXX年XX月X日 星期X--班级总分为:81 格式要求: 1、显示打印的日期。 格式为类似“XXXX年XX月XX日 星期X” 的当前的时间。 2、计算出该班级的平均分(保留整数)。 同学成绩数据如下:... 阅读全文
posted @ 2016-06-16 08:24 攻城狮-云上 阅读(1646) 评论(0) 推荐(1) 编辑
摘要: window对象 window对象是BOM的核心,window对象指当前的浏览器窗口。 window对象方法: 注意:在JavaScript基础篇中,已讲解了部分属性,window对象重点讲解计时器。 任务 在右边编辑器script标签内补充代码,弹出对话框"欢迎... 阅读全文
posted @ 2016-06-16 08:24 攻城狮-云上 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 数组排序sort() sort()方法使数组中的元素按照一定的顺序排列。 语法: arrayObject.sort(方法函数) 参数说明: 1.如果不指定,则按unicode码顺序排列。 2.如果指定,则按所指定的排序方法排序。 myArray.sort(sortMet... 阅读全文
posted @ 2016-06-16 08:21 攻城狮-云上 阅读(5133) 评论(0) 推荐(0) 编辑
摘要: 选定元素slice() slice() 方法可从已有的数组中返回选定的元素。 语法 arrayObject.slice(start,end) 参数说明: 1.返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。 2. 该... 阅读全文
posted @ 2016-06-16 08:20 攻城狮-云上 阅读(466) 评论(0) 推荐(0) 编辑