为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript进阶篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 屏幕分辨率的高和宽 window.screen 对象包含有关用户屏幕的信息。 1. screen.height 返回屏幕分辨率的高 2. screen.width 返回屏幕分辨率的宽 注意: 1.单位以像素计。 2. window.screen 对象在编写时可以不使用 window 这个前缀。 我们来获取屏幕的高和宽,代码如下: <script type="text/javascript"> document.write( "屏幕宽度:"+screen.width+"px<br />" ); document.write( "屏幕高度:"+screen.height+"px<br />" ); </script>
    查看全部
  • 网页尺寸scrollHeight scrollHeight和scrollWidth,获取网页内容高度和宽度(不包括滚动条)。 一、针对IE、Opera: scrollHeight 是网页内容实际高度,可以小于 clientHeight。 二、针对NS、FF: scrollHeight 是网页内容高度,不过最小值是 clientHeight。也就是说网页内容实际高度小于 clientHeight 时,scrollHeight 返回 clientHeight 。 三、浏览器兼容性 var w=document.documentElement.scrollWidth || document.body.scrollWidth; var h=document.documentElement.scrollHeight || document.body.scrollHeight; 注意:区分大小写 scrollHeight和scrollWidth还可获取Dom元素中内容实际占用的高度和宽度。
    查看全部
  • screen对象 screen对象用于获取用户的屏幕信息
    查看全部
    0 采集 收起 来源:screen对象

    2014-12-15

  • navigator.userAgent 几种浏览的user_agent.,像360的兼容模式用的是IE、极速模式用的是chrom的内核。 使用userAgent判断使用的是什么浏览器(假设使用的是IE8浏览器),代码如下: function validB(){ var u_agent = navigator.userAgent; var B_name="Failed to identify the browser"; if(u_agent.indexOf("Firefox")>-1){ B_name="Firefox"; }else if(u_agent.indexOf("Chrome")>-1){ B_name="Chrome"; }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){ B_name="IE(8-10)"; } document.write("B_name:"+B_name+"<br>"); document.write("u_agent:"+u_agent+"<br>"); }
    查看全部
    0 采集 收起 来源:userAgent

    2018-03-22

  • Navigator对象 Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。 对象属性: 查看浏览器的名称和版本,代码如下: <script type="text/javascript"> var browser=navigator.appName; var b_version=navigator.appVersion; document.write("Browser name"+browser); document.write("<br>"); document.write("Browser version"+b_version); </script> 任务 在右边编辑器script标签内,使用Navigator对象,查看浏览器相关信息。
    查看全部
    0 采集 收起 来源:Navigator对象

    2018-03-22

  • offsetHeight = clientHeight + 滚动条 + 边框。
    查看全部
  • Location对象 location用于获取或设置窗体的URL,并且可以用于解析URL。 语法: location.[属性|方法]
    查看全部
    0 采集 收起 来源:Location对象

    2014-12-15

  • window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度 document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。 document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度
    查看全部
  • 返回浏览历史中的其他页面 go()方法,根据当前所处的页面,加载 history 列表中的某个具体的页面。 语法: window.history.go(number); 参数: 浏览器中,返回当前页面之前浏览过的第二个历史页面,代码如下: window.history.go(-2); 注意:和在浏览器中单击两次后退按钮操作一样。 同理,返回当前页面之后浏览过的第三个历史页面,代码如下: window.history.go(3);
    查看全部
  • 创建文本节点createTextNode
    查看全部
  • 返回下一个浏览的页面 forward()方法,加载 history 列表中的下一个 URL。 如果倒退之后,再想回到倒退之前浏览的页面,则可以使用forward()方法,代码如下: window.history.forward(); 注意:等价点击前进按钮。 forward()相当于go(1),代码如下: window.history.go(1); 任务 补充右边代码编辑器第9行,完善GoForward()函数,实现返回下一个页面功能。 注意:本编辑器有局限性,可以把代码拷贝到本机上练习,或者在本节页面窗口多打开几个网页后(为了添加历史列表项),在打开本节进行练习。
    查看全部
  • 返回前一个浏览的页面 back()方法,加载 history 列表中的前一个 URL。 语法: window.history.back(); 比如,返回前一个浏览的页面,代码如下: window.history.back(); 注意:等同于点击浏览器的倒退按钮。 back()相当于go(-1),代码如下: window.history.go(-1); 任务 补充右边代码编辑器第9行,完善GoBack()函数,实现返回前一个页面功能。 注意:本编辑器有局限性,可以把代码拷贝到本机上练习,或者在本节页面窗口多打开几个网页后(为了添加历史列表项),在打开本节进行练习。
    查看全部
  • 替换元素节点replaceChild()
    查看全部
  • 删除子节点删除子节点
    查看全部
  • 删除子节点删除子节点
    查看全部

举报

0/150
提交
取消
课程须知
你需要具备HTML、css基础知识,建议同学们也可以想学习下js入门篇,快速认识js,熟悉js基本语法,更加快速入手进阶篇!
老师告诉你能学到什么?
通过JavaScript学习,掌握基本语法,制作简单交互式页面
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!