慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

_yoyo_

var mystr="I love JavaScript!"
document.write(mystr.charAt(mystr.length-1));

查看全部

0 采集收起来源：返回指定位置的字符
2019-04-02
_yoyo_

var message="I love JavaScript!";
document.write("小写："+message.toLowerCase()+"<br>");
document.write("大写："+message.toUpperCase()+"<br>");

查看全部

0 采集收起来源： String 字符串对象
2019-04-02
_yoyo_

<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){

//获取第一个输入框的值
var txt1= document.getElementById("txt1").value;
//获取第二个输入框的值
var txt2=document.getElementById("txt2").value;
//获取选择框的值
var select=document.getElementById("select").value;
//获取通过下拉框来选择的值来改变加减乘除的运算法则
var result;
switch(select){
case '+':
result=parseInt(txt1)+parseInt(txt2);
break;
case '-':
result=parseInt(txt1)-parseInt(txt2);
break;
case '*':
result=parseInt(txt1)*parseInt(txt2);
break;
case '/':
result=parseInt(txt1)/parseInt(txt2);
break;
}
//设置结果输入框的值
alert("result="+result);
var fruit=document.getElementById("fruit");
fruit.value=result;
}
</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' />
</body>
</html>

查看全部

0 采集收起来源：编程练习
2019-04-02
weixin_慕姐3144220

scrollHeight和scrollWidth，获取网页内容高度和宽度。
一、针对IE、Opera:
scrollHeight是网页内容实际高度，可以小于clientHeight。
二、针对NS、FF
scrollHeight是网页内容高度，不过最小值是clientHeight。也就是说网页内容实际高度小于clientHeight时，scrollHeight返回clientHeight。
三、浏览器兼容性：
var w=document.documentElement.scrollWidth||document.body.scrollWidth;
h=document.documentElement.scrollHeight||document.body.scrollHeight;

scrollHeight和scrollWidth还可以获取DOM元素中内容实际占用的高度和宽度。

查看全部

0 采集收起来源：网页尺寸scrollHeight
2019-04-02
weixin_慕姐3144220

获得浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）的方法。
一、对于IE9+、Chrome、Firefox、Opera以及Safari：
window.innerHeight - 浏览器窗口的内部高度
window.innerWidth - 浏览器窗口的内部宽度
二、对于Internet Explorer 8、7、6、5：
document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。
document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。
或者
Document对象的body属性对应HYML文档的<body>标签
document.body.clientHeight
document.body.clientWidth
在不同浏览器都实用的JavaScript方案：
var w=document.body.clientWidth||document.documentElement.clientWidth;
var h=document.body.clientHeight||document.documentElement.clientHeight;

查看全部

0 采集收起来源：浏览器窗口可视区域大小
2019-04-02
weixin_慕姐3144220

createTextNode()方法创建新的文本节点，返回新创建的Text节点。
document.createTextNode(data)
data：字符串值，可规定此节点的文本。

查看全部

0 采集收起来源：创建文本节点createTextNode
2019-04-02

keydew

<!DOCTYPE html>
<html>
 <head>
  <title> 事件</title>  
  <script type="text/javascript">
   function count(){
    var result;
    //获取第一个输入框的值
    var x=Number(document.getElementById("txt1").value);
    //获取第二个输入框的值
    var y=Number(document.getElementById("txt2").value);
    //获取选择框的值
    var op=document.getElementById("select").value;
    //获取通过下拉框来选择的值来改变加减乘除的运算法则
    switch(op){
      case '+':
       result=x+y;
       break;
      case '-':
       result=x-y;
       break;
      case '*':
       result=x*y;
       break;
      case '/':
       result=x/y;
    }
    //设置结果输入框的值
    document.getElementById("fruit").value=result;
   }
  </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' />   
 </body>
</html>

查看全部

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

2019-04-02

慕莱坞6531376

window 笔记

查看全部

0 采集收起来源：window对象
2019-04-02
慕莱坞6531376

数组笔记111

查看全部

0 采集收起来源： Array 数组对象
2019-04-01
慕莱坞6531376

math笔记笔记笔记

查看全部

0 采集收起来源：Math对象
2019-04-01
慕莱坞6531376

方法11111

查看全部

0 采集收起来源： Date 日期对象
2019-04-01
GetJava_iOS

空白节点问题解决：循环判断是否为1，是1就跳过。直到不为1.

查看全部

0 采集收起来源：访问兄弟节点
2019-04-01
GetJava_iOS

IE除外的浏览器需要考虑到空白节点

查看全部

0 采集收起来源：访问子节点childNodes
2019-04-01
山下的小和尚

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

查看全部

0 采集收起来源：网页卷去的距离与偏移量
2019-04-01
山下的小和尚

scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象中内容超过可视区后而变大。
clientWidth：对象内容的可视区的宽度，不包滚动条等边线，会随对象显示大小的变化而改变。
offsetWidth：对象整体的实际宽度，包滚动条等边线，会随对象显示大小的变化而改变。
情况1：
元素内无内容或者内容不超过可视区，滚动不出现或不可用的情况下。
scrollWidth=clientWidth，两者皆为内容可视区的宽度。
offsetWidth为元素的实际宽度。
情况2：
元素的内容超过可视区，滚动条出现和可用的情况下。
scrollWidth>clientWidth。
scrollWidth为实际内容的宽度。
clientWidth是内容可视区的宽度。
offsetWidth是元素的实际宽度。

查看全部

0 采集收起来源：网页尺寸scrollHeight
2019-04-01