慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

慕的地3332070

单双引号包围的字符串，还包括一些特殊字符
　　1.单双引号的效率一样的（不同于PHP）
　　2.只能成对出现，不能相互交叉使用
　　3.可以相互嵌套 var a="a '11' ";
　　4.特殊字符
　　　　\n 换行
　　　　\t 制表符
　　　　\b 空格
　　　　\r 换行
　　　　\' 单引号
　　　　\" 双引号
　　　　\\ 斜杠

查看全部

0 采集收起来源：编程练习
2018-05-27
Ungalo

日期的对象

查看全部

0 采集收起来源： Date 日期对象
2018-05-27
慕雪9294360
如果指定<方法函数>，则按<方法函数>所指定的排序方法排序。
```
myArray.sort(sortMethod);
```
注意: 该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：
若返回值<=-1，则表示 A 在排序后的序列中出现在 B 之前。
若返回值>-1 && <1，则表示 A 和 B 具有相同的排序顺序。
若返回值>=1，则表示 A 在排序后的序列中出现在 B 之后。
查看全部

0 采集收起来源：数组排序sort()
2018-05-27
慕数据7366584

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">
.message{
width:200px;
height:100px;
background-color:#CCC;}

</style>
</head>
<body>
<script type="text/javascript">
var test = document.createElement("p");
test.className = "message";
var a = document.createTextNode("i love javascript");
test.appendChild(a);
document.body.appendChild(test);

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

//清楚看出元素节点，文本节点与dom之间的关系

查看全部

0 采集收起来源：创建文本节点createTextNode
2018-05-27
慕数据7366584

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
var main = document.body;
//创建链接
function createa(url,text)
{
var ah = document.createElement("a");
//   a.href = url;
//   ah.url = "http://baidu.com";
//   ah.text = "跳转到百度页";
ah.href = url;
ah.innerHTML = text;
ah.style.color="red";
main.appendChild(ah);



}
// 调用函数创建链接
createa("https://www.baidu.com","百度页")
</script>

</body>
</html>

//创建元素节点

查看全部

0 采集收起来源：创建元素节点createElement
2018-05-27
慕数据7366584

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<button onclick="replaceMessage()">test</button>
<div><b id="oldnode">JavaScript</b>是一个很常用的技术，为网页添加动态效果。</div>
<a href="javascript:replaceMessage()"> 将加粗改为斜体</a>

    <script type="text/javascript">
      function replaceMessage(){
        var test = document.getElementById("oldnode");
        var newtest = document.createElement("i");
        newtest.innerHTML = "非也非也";
        var parent = document.getElementsByTagName("div");
        parent[0].replaceChild(newtest,test);


       }
</script>

</body>
</html>

//替换元素节点

查看全部

0 采集收起来源：替换元素节点replaceChild()
2018-05-27
不会采野花

标签中的文本节点nodeValue没有值

查看全部

0 采集收起来源：访问子节点childNodes
2018-05-27
Ungalo

事件和说明

查看全部

0 采集收起来源：什么是事件
2018-05-27
慕数据7366584

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<div id="content">
<h1>html</h1>
<h1>php</h1>
<h1>javascript</h1>
<h1>jquery</h1>
<h1>java</h1>
</div>
<script type="text/javascript">
function clearText() {
var content=document.getElementById("content");
// 在此完成该函数
var child = content.childNodes;
for(var i=0;i<child.length;i++){
content.removeChild(child[i]);
}

}
</script>
<button onclick="clearText()">清除节点内容</button>
</body>
</html>

//清楚节点

查看全部

0 采集收起来源：删除节点removeChild()
2018-05-27
慕数据7366584

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<ul id="test">
<li>JavaScript</li>
<li>HTML</li>
</ul>

<script type="text/javascript">
var otest = document.getElementsByTagName("li");

var newtest = document.createElement("li");
newtest.innerHTML = "php";

otest[1].appendChild(newtest);

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

//插入节点

查看全部

0 采集收起来源：插入节点appendChild()
2018-05-27
主宰灵魂

注意引入外部JS文件用src属性。<script src="JS文件"></script>
引用CSS样式用<link href="CSS文件"/>
注意区别。

查看全部

0 采集收起来源：编程练习
2018-05-27
慕数据7366584

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<div id="con"><p>javascript</p><div>jQuery</div><h5>PHP</h5></div>
<script type="text/javascript">
var x=document.getElementById("con");
document.write(x.firstChild.nodeName+"<br>");
document.write(x.lastChild.nodeName+"<br>");
</script>
</body>
</html>
需要调整html的例子

查看全部

0 采集收起来源：访问子节点的第一和最后项
2018-05-26
不会采野花

去除数组中的数后要转换为数值，parseInt()

查看全部

0 采集收起来源：编程练习
2018-05-26
慕雪9294360

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

查看全部

0 采集收起来源：编程练习
2018-05-26
新时代IT民工

parseInt()将字符型转换为整型；如81.5转为81；
而Math.round()对数值进行四舍五入，

查看全部

0 采集收起来源：编程练习
2018-05-26

首页上一页 771 772 773 774 775 776 777 下一页尾页

0/150

提交

取消

开始学习

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

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