慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

慕粉1461512725
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>navigator</title>
<script type="text/javascript">
function validB(){
var u_agent = window.navigator.userAgent;
var B_name="不是想用的主流浏览器!";
if(u_agent.indexOf("Firefox")>-1){
B_name="Firefox";
document.write("u_agent:"+u_agent+"<br>");
}else if(u_agent.indexOf("Chrome")>-1){
B_name="Chrome";
document.write("u_agent:"+u_agent+"<br>");
}else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){
B_name="IE(8-10)";
document.write("u_agent:"+u_agent+"<br>");
}else if(u_agent.indexOf("Safari")>-1){
B_name="Safari";
document.write("u_agent:"+u_agent+"<br>");
}else{
document.write("浏览器:"+B_name+"<br>");
}
}
</script>
</head>
<body>
<form>
<input type="button" value="查看浏览器" onclick="validB()" >
</form>
</body>
</html>
查看全部

0 采集收起来源：userAgent
2019-05-22
Sk8树懒

<script type="text/javascript">
var element = document.createElement("p");
element.className = "message";
var textNode = document.createTextNode("I love JavaScript!");
element.appendChild(textNode);
document.body.appendChild(element);

</script>
在代码编辑器<script>标签中，创建一个P标签，设置className属性，使用createTextNode创建文本节点"I love JavaScript!"。

查看全部

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

Sk8树懒

<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-22

慕婉清4016867
插入节点appendChild()
在指定节点的最后一个子节点列表之后添加一个新的子节点。
语法:
```
appendChild(newnode)
```
任务
试一试，完成为UL标签添加一个新项PHP。
1.在代码编辑器中，script标签内，为ul添加一个li。
2.设置li内容为PHP。
<!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.getElementById("test");
var newnode=document.createElement("li");
newnode.innerHTML="PHP";
otest.appendChild(newnode);
</script>

</body>
</html>
查看全部

0 采集收起来源：插入节点appendChild()
2019-05-23
风析

鼠标点击js事件

查看全部

0 采集收起来源：什么是事件
2019-05-22

qq_bonesL

<!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 miss you!";
     var mychar= message.toUpperCase();
     document.write("字符串为:"+mychar+"<br>"
     );
</script>
</head>
<body>
</body>
</html>

查看全部

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

2019-05-22

慕粉1461512725

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>计时器</title><script type="text/javascript">  var num=0;  function startCount() {    document.getElementById('count').value=num;    num=num+1;    setTimeout("startCount()",1000);  }</script></head><body><form><input type="text" id="count" /><input type="button" id="start" value="start" onclick="startCount()"/></form></body></html>

查看全部

0 采集收起来源：计时器setTimeout()

2019-05-22

慕粉1461512725

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>定时器</title><script type="text/javascript">  var attime;  function clock(){    var time=new Date();              attime= time.getHours()+"时"+time.getMinutes()+"分"+time.getSeconds()+"秒" ;    document.getElementById("clock").value = attime;  }  setInterval("clock()",100);</script></head><body><form><input type="text" id="clock" size="50"  /></form></body></html>

查看全部

0 采集收起来源：计时器setInterval()

2019-05-22

874194297

可添加成为任何标签的属性不一定是button专有：
<a href="http://www.imooc.com" onmouseout="message()">点击我</a>

查看全部

0 采集收起来源：鼠标移开事件（onmouseout）
2019-05-22
874194297

button onclick 调用函数：
<input type="button" value="点点我" onclick="tcon()">

查看全部

0 采集收起来源：函数调用
2019-05-21
weixin_慕粉1273066

未完成。???

查看全部

0 采集收起来源：编程练习
2019-05-21
林8328535

2. 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”

查看全部

0 采集收起来源：返回/设置时间方法
2019-05-21
林8328535
get/setTime() 返回/设置时间，单位毫秒数，计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数。
如果将目前日期对象的时间推迟1小时，代码如下:
```
<script type="text/javascript">
  var mydate=new Date();
  document.write("当前时间："+mydate+"<br>");
  mydate.setTime(mydate.getTime() + 60 * 60 * 1000);
  document.write("推迟一小时时间：" + mydate);</script>
```
查看全部

0 采集收起来源：返回/设置时间方法
2019-05-21
林8328535

如果要返回相对应“星期”，通过数组完成，

查看全部

0 采集收起来源：返回星期方法
2019-05-21
林8328535

getDay() 返回星期，返回的是0-6的数字，0 表示星期天。

查看全部

0 采集收起来源：返回星期方法
2019-05-21

首页上一页 376 377 378 379 380 381 382 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

插入节点appendChild()

任务