慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

暗夜之鸦0

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>string对象 </title>
<script type="text/javascript">  
var mystr = prompt("请输入字符串",'HelloWorld');  
var lookf = prompt("请输入要查询的字母",'o');  
var numb = prompt("请输入要查询第几次出现",2);  
numb = Number(numb);  
var fun =0;    
for(var i=0;i<mystr.length;i++)  
{     
fun = mystr.indexOf(lookf,fun);               if(fun==-1)     
{         
document.write(fun+"no exist<br>");         break;     
}else{         
numb--;         
fun++;         
if(numb==0)         
{             
document.write("您要查询的字母"+lookf+"第"+(numb+i+1)+"次出现的位置在单词的第"+fun+"个字母");             
break;         
}     
}     
document.write("第"+(i+1)+"次在第"+fun+"个字母"+"<br>");  }</script></head><body></body></html>

查看全部

0 采集收起来源：返回指定的字符串首次出现的位置

2019-06-01

lightH1ro

var text = con.getAttribute("title");
//此语句写错，con是由getElementsByTagName()方法获取的元素节点集
应修改为：var text = con[i].getAttribute("title");

查看全部

0 采集收起来源：getAttribute()方法
2019-06-01
77阿棱

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

查看全部

0 采集收起来源：网页卷去的距离与偏移量
2019-05-30
77阿棱
offsetHeight和offsetWidth，获取网页内容高度和宽度(包括滚动条等边线，会随窗口的显示大小改变)。
一、值
offsetHeight = clientHeight + 滚动条 + 边框。
二、浏览器兼容性
```
var w= document.documentElement.offsetWidth
    || document.body.offsetWidth;
var h= document.documentElement.offsetHeight
    || document.body.offsetHeight;
```
查看全部

0 采集收起来源：网页尺寸offsetHeight
2019-05-30
77阿棱
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元素中内容实际占用的高度和宽度。
查看全部

0 采集收起来源：网页尺寸scrollHeight
2019-05-30
77阿棱
获得浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）的方法:
一、对于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属性对应HTML文档的<body>标签
• document.body.clientHeight
• document.body.clientWidth
在不同浏览器都实用的 JavaScript 方案：
```
var w= document.documentElement.clientWidth
      || document.body.clientWidth;
var h= document.documentElement.clientHeight
      || document.body.clientHeight;
```
查看全部

0 采集收起来源：浏览器窗口可视区域大小
2019-05-30
77阿棱
createTextNode() 方法创建新的文本节点，返回新创建的 Text 节点。
语法：
```
document.createTextNode(data)
```
参数：
data : 字符串值，可规定此节点的文本。
我们来创建一个<div>元素并向其中添加一条消息，代码如下：
运行结果：
Hello world！
查看全部

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

77阿棱

createElement()方法可创建元素节点。此方法可返回一个 Element 对象。

语法：

document.createElement(tagName)

参数:

tagName：字符串值，这个字符串用来指明创建元素的类型。

注意：要与appendChild() 或 insertBefore()方法联合使用，将元素显示在页面中。

我们来创建一个按钮，代码如下：

<script type="text/javascript">   var body = document.body;    var input = document.createElement("input");  
   input.type = "button";  
   input.value = "创建一个按钮";  
   body.appendChild(input);  
 </script>

效果：在HTML文档中，创建一个按钮。

我们也可以使用setAttribute来设置属性，代码如下：

<script type="text/javascript">  
   var body= document.body;             
   var btn = document.createElement("input");  
   btn.setAttribute("type", "text");  
   btn.setAttribute("name", "q");  
   btn.setAttribute("value", "使用setAttribute");  
   btn.setAttribute("onclick", "javascript:alert('This is a text!');");       
   body.appendChild(btn);  
</script>

效果：在HTML文档中，创建一个文本框，使用setAttribute设置属性值。当点击这个文本框时，会弹出对话框“This is a text!”。

查看全部

0 采集收起来源：创建元素节点createElement

2019-05-30

qq_慕运维5525401

//1.获取变量值
//2.使用一句switch语句
//3.最后一步，为等号添加一个单击事件
<!DOCTYPE html>
<html>
<head>
<title> 编程练习5</title>
<script type="text/javascript">
   function count(){
//获取第一个输入框的值
//获取第二个输入框的值
//获取选择框的值
//获取通过下拉框来选择的值来改变加减乘除的运算法则
//设置结果输入框的值
    var x = parseInt(document.getElementById("txt1").value);
    var y = parseInt(document.getElementById("txt2").value);
    var fuhao = document.getElementById("select").value;
    var sum;
    switch(fuhao){
        case "+":
            sum = x+y;
            break;
        case "-":
            sum = x-y;
            break;
        case "*":
            sum = x*y;
            break;
        case "/":
           sum = x/y;
            break;
        default:
            break;
    }
   document.getElementById("fruit").value=sum;
   }
</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-05-30
77阿棱
replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。
语法：
```
node.replaceChild (newnode,oldnew )
```
参数：
newnode : 必需，用于替换 oldnew 的对象。
oldnew : 必需，被 newnode 替换的对象。
我们来看看下面的代码:

效果: 将文档中的 Java 改为 JavaScript。
注意:
1. 当 oldnode 被替换时，所有与之相关的属性内容都将被移除。
2. newnode 必须先被建立。
查看全部

0 采集收起来源：替换元素节点replaceChild()
2019-05-30
77阿棱
removeChild() 方法从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。
语法:
```
nodeObject.removeChild(node)
```
参数:
node ：必需，指定需要删除的节点。
我们来看看下面代码，删除子点。
运行结果:
```
HTML删除节点的内容: javascript
```
注意: 把删除的子节点赋值给 x，这个子节点不在DOM树中，但是还存在内存中，可通过 x 操作。
如果要完全删除对象，给 x 赋 null 值，代码如下:
查看全部

0 采集收起来源：删除节点removeChild()
2019-05-30
77阿棱
insertBefore() 方法可在已有的子节点前插入一个新的子节点。
语法:
insertBefore(newnode,node);
参数:
newnode: 要插入的新节点。
node: 指定此节点前插入节点。
我们在来看看下面代码，在指定节点前插入节点。
运行结果:
```
This is a new p
JavaScript
HTML
```
注意: otest.insertBefore(newnode,node); 也可以改为: otest.insertBefore(newnode,otest.childNodes[0]);
查看全部

0 采集收起来源：插入节点insertBefore()
2019-05-30
lululu1014

function max(a,b){
return a>b?a:b;
}
三目运算，简化版的if else
返回a,b中最大值。若a>b成立，返回a,反之，返回b

查看全部

2 采集收起来源：编程练习
2019-05-30
lululu1014

4-10编程练习中要注意的问题：
var arr1=[];
声明一个空数组。

错误：arr1[n]=infos[i][3];
正确：arr1[n]=infos[i];
错误的数组的值是大一而不是我们需要的全部信息。

if(infos[i][3]=="大一"){
错误：使用了 = 号，是赋值的作用；
正确:应该使用== 号，是完全等于的意思。

错误：document.write("大一的人数是"+arr1[n].length+"<br>");
正确：document.write("大一的人数是"+arr1.length+"<br>");
备注：其实结果都是一样的；为了方便后面的操作，缩短代码。

错误：document.write(arr1[n][0]+"<br>");
正确：document.write(arr1[i][0]+"<br>");
备注：这里的循环条件已经从 n 变成了 i 。

错误：n+1；
正确：n=n+1;

查看全部

1 采集收起来源：编程练习
2019-05-30

首页上一页 366 367 368 369 370 371 372 下一页尾页

0/150

提交

取消

开始学习

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

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