慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

慕哥3541949

hhhhhh

查看全部

0 采集收起来源：认识DOM
2019-01-12
莫问归途何往

scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离，即左边灰色的内容。
scrollTop:设置或获取位于对象最顶端与窗口中可见内容的最顶端之间的距离，即上边灰色的内容。
offsetLeft:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。
offsetTop:获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置。
注意:
1. 区分大小写
2. offsetParent：布局中设置postion属性(Relative、Absolute、fixed)的父容器，从最近的父节点开始，一层层向上找，直到HTML的body。
Element.scrollLeft
HTMLElement.offsetLeft

查看全部

0 采集收起来源：网页卷去的距离与偏移量
2019-01-12
莫问归途何往
offsetHeight和offsetWidth，获取网页内容高度和宽度(包括滚动条等边线，会随窗口的显示大小改变)。
offsetHeight = clientHeight + 滚动条 + 边框。
```
var w= document.documentElement.offsetWidth
    || document.body.offsetWidth;
var h= document.documentElement.offsetHeight
    || document.body.offsetHeight;
```
HTMLElement.offsetHeight
查看全部

0 采集收起来源：网页尺寸offsetHeight
2019-01-11
莫问归途何往
Element.scrollHeight
scrollHeight和scrollWidth，获取网页内容高度和宽度。
```
var w=document.documentElement.scrollWidth
   || document.body.scrollWidth;
var h=document.documentElement.scrollHeight
   || document.body.scrollHeight;
```
查看全部

0 采集收起来源：网页尺寸scrollHeight
2019-01-11
莫问归途何往
• window.innerHeight - 浏览器窗口的内部高度
• window.innerWidth - 浏览器窗口的内部宽度
在不同浏览器都实用的 JavaScript 方案：
```
var w= document.documentElement.clientWidth
      || document.body.clientWidth;
var h= document.documentElement.clientHeight
      || document.body.clientHeight;
```
Window.innerHeight
查看全部

0 采集收起来源：浏览器窗口可视区域大小
2019-01-11
慕仔5229773

字符串提取:str.substring(strstart,strstop-1);

查看全部

0 采集收起来源：提取字符串substring()
2019-01-11
大大大大风

<script type="text/javascript">
document.write("浏览器名称："+navigator.appName+"<br>");
document.write("浏览器代码:"+navigator.appCodeName+"<br>");
document.write("浏览器版本:"+navigator.appVersion+"<br>");
document.write("操作系统:"+navigator.platform+"<br>");
document.write("哒哒哒?"+navigator.userAgent);
</script>

查看全部

0 采集收起来源：Navigator对象
2019-01-11

蛋切刀

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>string对象 </title>
  <script type="text/javascript">
    var message="I love JavaScript!";
    var mychar= message.toLowerCase();
    document.write("字符串为："+mychar+"<br>");
</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源： String 字符串对象

2019-01-10

蛋切刀

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>日期对象 </title>
<script type="text/javascript">
 var mydate=new Date();
  document.write("当前时间："+mydate+"<br>");
  mydate.setTime( mydate.getTime()  + 2* 60 * 60 * 1000);
  document.write("推迟二小时时间：" + mydate);
</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：返回/设置时间方法

2019-01-10

蛋切刀

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获得星期</title>
<script type="text/javascript">
  var mydate=new Date();
  var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
  document.write("今天是：" + weekday[mydate.getDay()]);
</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：返回星期方法

2019-01-10

蛋切刀

<!DOCTYPE html>
<html>
 <head>
  <title> 事件</title>  
  <script type="text/javascript">
   function count(){
     var num1,num2,symbol
     num1 = document.getElementById("txt1").value;
     num2 = document.getElementById("txt2").value;
     symbol = document.getElementById("select").value;
     switch(symbol) {
     case "+":
     document.getElementById("fruit").value = parseInt(num1) + parseInt(num2);
     break;
     case "-":
     document.getElementById("fruit").value = num1 - num2;
     break;
     case "*":
     document.getElementById("fruit").value = num1 * num2;
     break;
     case "/":
     document.getElementById("fruit").value = num1 / num2;
     break;
     default:
     document.getElementById("fruit").value = num1 + num2;
     }
     
   }
  </script> 
 </head> 
 <body>
   <input type='text' id='txt1' /> 
   <select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
   </select>
   <input type='text' id='txt2' /> 
   <input type='button' value=' = ' onclick="count()" /> <!--通过 = 按钮来调用创建的函数，得到结果--> 
   <input type='text' id='fruit' disabled="disabled" />   
 </body>
</html>

查看全部

0 采集收起来源：编程练习

2019-01-10

慕粉3181228

随机数 random
document.write(Math.round(Math.random() *10 )) //0-1随机数

查看全部

0 采集收起来源：随机数 random()
2019-01-10
慕粉3181228

四舍五入 round
document.write(Math.round(1.2)) //1

查看全部

0 采集收起来源：四舍五入round()
2019-01-10
慕粉3181228

向下取整 floor
document.write(Math.floor(0.2)) //0

查看全部

0 采集收起来源：向下取整floor()
2019-01-10
慕粉3181228

<div>向上取整:<br /></div><p>document.writh(Math.ceil(0.8)) //8<br /></p>

查看全部

0 采集收起来源：向下取整floor()
2020-09-11

首页上一页 477 478 479 480 481 482 483 下一页尾页

0/150

提交

取消

开始学习

课程须知: 你需要具备HTML、css基础知识，建议同学们也可以想学习下js入门篇，快速认识js，熟悉js基本语法，更加快速入手进阶篇！

老师告诉你能学到什么？: 通过JavaScript学习，掌握基本语法，制作简单交互式页面