慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

qq_修心_acEX06

var mystr="86-010-85468578";
document.write( mystr.split("-") + "<br />");

查看全部

0 采集收起来源：字符串分割split()
2018-08-08
qq_修心_acEX06

返回指定的字符串首次出现的位置
indexOf()
document.write(mystr.indexOf("o"));

查看全部

0 采集收起来源：返回指定的字符串首次出现的位置
2018-08-08
qq_修心_acEX06

指定位置字符；
var mystr="I love JavaScript!"
document.write(mystr.charAt(mystr.length-1));

查看全部

0 采集收起来源：返回指定位置的字符
2018-08-08
域若兮
etAttribute() 方法增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。
语法：
```
elementNode.setAttribute(name,value)
```
说明：
1.name: 要设置的属性名。
2.value: 要设置的属性值。
注意：
1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性，该方法将创建一个新属性。
2.类似于getAttribute()方法，setAttribute()方法只能通过元素节点对象调用的函数。
查看全部

0 采集收起来源：setAttribute()方法
2018-08-08
小鲤鱼听听

getElementsByName 记住有s，因为返回的是数组

查看全部

0 采集收起来源：getElementsByName()方法
2018-08-08
域若兮
通过元素节点的属性名称获取属性的值。
语法：
```
elementNode.getAttribute(name)
```
说明:
1. elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。
2. name：要想查询的元素节点的属性名字
查看全部

0 采集收起来源：getAttribute()方法
2018-08-08
慕九州8576440

var num1= 123; //数字
var num2="一二三"; //字符串
var num3=true; //布尔值

查看全部

0 采集收起来源：多样化的我(变量赋值）
2018-08-08
最爱是雪碧_球球

访问子节点childNodes
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<div>javascript<p>javascript</p><div>jQuery</div><h5>PHP</h5></div>
<script type="text/javascript">
//获取所有的ul标签
var a=document.getElementsByTagName("div");
//获取ul标签下的子节点li
var b=a[0].childNodes;
var i;
//利用k标志第几个节点
var k=1;
for(i=0;i<=b.length;i++)
{
document.write("第"+k+"个子节点名称:"+b[i].nodeName+"<br/>");
document.write("第"+k+"个子节点类型:"+b[i].nodeType+"<br/>");
document.write("第"+k+"个子节点值:"+b[i].nodeValue+"<br/>");
document.write("<br/>");
k=k+1;

}

</script>
</body>
</html>

查看全部

0 采集收起来源：访问子节点childNodes
2018-08-08
最爱是雪碧_球球

节点名称、值、类型
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>节点属性</title>
</head>
<body>
<ul>
<li>javascript</li>
<li>HTML/CSS</li>
<li>jQuery</li>
</ul>
<script type="text/javascript">
var a=document.getElementsByTagName("li");
var i;
var k=1;
for(i=0;i<=a.length;i++)
{
document.write("第"+k+"节点名称:"+a[i].nodeName+"<br/>");
document.write("第"+k+"节点值:"+a[i].nodeValue+"<br/>");
document.write("第"+k+"节点类型:"+a[i].nodeType+"<br/>");
k++;
}
</script>
</body>
</html>

查看全部

0 采集收起来源：节点属性
2018-08-08
Ap10043知行合一

警告消息框（alert）
alert 方法有一个参数，即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说，用户必须先关闭该消息框然后才能继续进行操作。
-确认消息框（confirm）
使用确认消息框可向用户问一个“是-或-否”问题，并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。该消息框也是模式对话框：用户必须在响应该对话框（单击一个按钮）将其关闭后，才能进行下一步操作。
-提示消息框（prompt）
提示消息框提供了一个文本字段，用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数，则提示消息框将在文本字段显示该辅助字符串作为默认响应。否则，默认文本为 “”。

查看全部

1 采集收起来源：编程练习
2018-08-08
域若兮

window.screen 对象包含有关用户屏幕的信息。
1. screen.height 返回屏幕分辨率的高
2. screen.width 返回屏幕分辨率的宽
注意:
1.单位以像素计。
2. window.screen 对象在编写时可以不使用 window 这个前缀。
我们来获取屏幕的高和宽

查看全部

0 采集收起来源：屏幕分辨率的高和宽
2018-08-08
最爱是雪碧_球球

调了一下输出的顺序，这样就完美了
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<p id="intro">我的课程</p>
<ul>
<li title="JS">JavaScript</li>
<li title="JQ">JQuery</li>
<li title="">HTML/CSS</li>
<li title="JAVA">JAVA</li>
<li title="">PHP</li>
</ul>
<h1>以下为li列表title的值,当title为空时，新设置值为"WEB前端技术":</h1>
<script type="text/javascript">
var Lists=document.getElementsByTagName("li");
for (var i=0; i<Lists.length;i++)
{
var text=Lists[i].getAttribute("title");
//document.write(text +"<br>");
if(text=="")
{

text=Lists[i].setAttribute("title",Lists[i].innerHTML);

}
document.write(Lists[i].getAttribute("title")+"<br>");
}
</script>
</body>
</html>

查看全部

0 采集收起来源：setAttribute()方法
2018-08-08
抹茶抹茶冰冰乐

Length属性表示数组的长度，即数组中元素的个数。

查看全部

0 采集收起来源：了解成员数量(数组属性length)
2018-08-08
慕九州8576440

文本空间格式为：
<script type="text/javascript">
</script>

查看全部

0 采集收起来源：让你认识JS
2018-08-08
最爱是雪碧_球球

var hobby = document.getElementsByTagName("input");这里可以看为一个数组。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<form>
请选择你爱好:<br>
<input type="checkbox" name="hobby" id="hobby1"> 音乐
<input type="checkbox" name="hobby" id="hobby2"> 登山
<input type="checkbox" name="hobby" id="hobby3"> 游泳
<input type="checkbox" name="hobby" id="hobby4"> 阅读
<input type="checkbox" name="hobby" id="hobby5"> 打球
<input type="checkbox" name="hobby" id="hobby6"> 跑步 <br>
<input type="button" value = "全选" onclick = "checkall();">
<input type="button" value = "全不选" onclick = "clearall();">
<p>请输入您要选择爱好的序号，序号为1-6:</p>
<input id="wb" name="wb" type="text" >
<input name="ok" type="button" value="确定" onclick = "checkone();">
</form>
<script type="text/javascript">
function checkall(){
var hobby = document.getElementsByTagName("input");
var i;
for(i=0;i<hobby.length;i++)
{
hobby[i].checked=true;
}
// 任务1
}
function clearall(){
var hobby = document.getElementsByName("hobby");
var i;
for(i=0;i<hobby.length;i++)
{
hobby[i].checked=false;
}
// 任务2
}
function checkone(){
var j=document.getElementById("wb").value;
var hobby = document.getElementsByName("hobby");
if(j<=hobby.length)
{
hobby[j-1].checked=true;
}
// 任务3
}
</script>
</body>
</html>

查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2018-08-08

首页上一页 662 663 664 665 666 667 668 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

返回指定的字符串首次出现的位置