慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

虎耳草

<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<script type="text/javascript">

window.onload = function(){
var tr=document.getElementsByTagName("tr");
for(var i= 0;i<tr.length;i++)
{
bgcChange(tr[i]);
}
// 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
}
function bgcChange(obj)
{
obj.onmouseover=function(){
obj.style.backgroundColor="#f2f2f2";
}
obj.onmouseout=function(){
obj.style.backgroundColor="#fff";
}
}

// 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；
var num=2;
function add(){
num++;
var tr=document.createElement("tr");
var xh=document.createElement("td");
var xm=document.createElement("td");
xh.innerHTML="xh00"+num;
xm.innerHTML="第"+num+"学生";
var del=document.createElement("td");
del.innerHTML="<a href='javascript:;' onclick='del(this)' >删除</a>";
var tab=document.getElementById("table");
tab.appendChild(tr);
tr.appendChild(xh);
tr.appendChild(xm);
tr.appendChild(del);
var tr = document.getElementsByTagName("tr");
for(var i= 0;i<tr.length;i++)
{
bgcChange(tr[i]);
}
}

// 创建删除函数
function del(obj)
{
var tr=obj.parentNode.parentNode;
tr.parentNode.removeChild(tr);
}

</script>
</head>
<body>
<table border="1" width="50%" id="table">
<tr>
<th>学号</th>
<th>姓名</th>
<th>操作</th>
</tr>

<tr>
<td>xh001</td>
<td>王小明</td>
<td><a href="javascript:;" onclick="del(this);">删除</a></td> 
</tr>

<tr>
<td>xh002</td>
<td>刘小芳</td>
<td><a href="javascript:;" onclick="del(this);">删除</a></td> 
</tr>

</table>
<input type="button" value="添加一行" onclick="add()" /> 
</body>
</html>

查看全部

0 采集收起来源：编程练习
2018-06-21
虎耳草

<!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 element = document.createElement("p");
element.className = "message";
var textNode = document.createTextNode("I love JavaScript!");
element.appendChild(textNode);
document.body.appendChild(element);

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

查看全部

0 采集收起来源：创建文本节点createTextNode
2018-06-21
极客天使

1.通过ID获取标题H1
var myH=document.getElementById("myHead");
2.通过name获取值为sex的元素
var myS=document.getElementsByName("sex") ;
3.通过标签名获取input元素
var myI=document.getElementsByTagName("input");

查看全部

0 采集收起来源：getElementsByTagName()方法
2018-06-21
极客天使

函数中定义变量：
var mynode=document.getElementsByName("myt");
alert(mynode.length);

查看全部

0 采集收起来源：getElementsByName()方法
2018-06-21
极客天使

标签id
获取表单id，并赋予变量 mys
var mys=document.getElmentById("con");
mys.style.color="red";
mys.style.backgroundColor="#ccc";
mys.style.display="none";
变量.style.对象属性

查看全部

0 采集收起来源：认识DOM
2018-06-21
北祈

navigator对象
navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。
对象属性:

查看全部

0 采集收起来源：Navigator对象
2018-06-21
lovei

getDay返回星期，默认0-6，0表示周天。数组可以将结果以星期格式输出

查看全部

0 采集收起来源：返回星期方法
2018-06-21
lovei

Date，输出年月日
getFullYear，输出当前年（四位）

查看全部

0 采集收起来源：返回/设置年份方法
2018-06-21
慕九州8576440

innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。

查看全部

0 采集收起来源：访问父节点parentNode
2018-06-20
肆guliang

Math.round()
1. 返回与 x 最接近的整数。
2. 对于 0.5，该方法将进行上舍入。(5.5 将舍入为 6)
3. 如果 x 与两侧整数同等接近，则结果接近 +∞方向的数字值。(如 -5.5 将舍入为 -5; -5.52 将舍入为 -6)

查看全部

0 采集收起来源：四舍五入round()
2018-06-20
肆guliang

Math 对象是一个固有的对象，无需创建它，直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,String对象的区别

查看全部

0 采集收起来源：Math对象
2018-06-20

肆guliang

stringObject.substr(startPos,length):
如果参数startPos是负数，从字符串的尾部开始算起的位置。
也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。
如果startPos为负数且绝对值大于字符串长度，startPos为0

查看全部

0 采集收起来源：提取指定数目的字符substr()

2018-06-20

慕粉1901535335

<a> 标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。

这里的href="javascript:;"，其中javascript:是伪协议，它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:;可以实现A标签的点击事件运行时，如果页面内容很多，有滚动条时，页面不会乱跳，用户体验更好。

查看全部

0 采集收起来源：编程练习
2018-06-20
慕桂英2585733

我的思维导图

查看全部

0 采集收起来源：编程练习
2018-06-20
慕粉1901535335

obj是就是函数调用时的this，而this指的是<a>,不是<td>，所以obj.parentNode.parentNode是<tr>。然后tr.parentNode是<table>，然后再removeChild(tr)就是<table>移除<tr>，这个<tr>是前面得到的obj.parentNode.parentNode

查看全部

0 采集收起来源：编程练习
2018-06-20

首页上一页 723 724 725 726 727 728 729 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

navigator对象