慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

喵叽
setAttribute() 方法增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。
语法：
```
elementNode.setAttribute(name,value)
```
说明：
1.name: 要设置的属性名。
2.value: 要设置的属性值。
注意：
1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性，该方法将创建一个新属性。
2.类似于getAttribute()方法，setAttribute()方法只能通过元素节点对象调用的函数。
查看全部

0 采集收起来源：setAttribute()方法
2019-09-19
喵叽
通过元素节点的属性名称获取属性的值。
语法：
```
elementNode.getAttribute(name)
```
说明:
1. elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。
2. name：要想查询的元素节点的属性名字
看看下面的代码，获取h1标签的属性值：
运行结果:
h1标签的ID ：alink
h1标签的title ：getAttribute()获取标签的属值
查看全部

0 采集收起来源：getAttribute()方法
2019-09-19
杜子藤

清晰演示，完事儿！

查看全部

0 采集收起来源：编程练习
2019-09-19

柠萌檬

定义好函数后需要调用它，直接在需要的位置写函数名。

在js script标签内调用

<script type="text/javascript">
    function 函数名() {
        调用执行的代码，例：
        sum = 1 + 1；
        alert(sum);
    }
    函数名()//调用函数，直接写函数名
 </script>

2.在HTML文件中调用，如通过点击调用定义的函数

<script type="text/javascript">
    function 函数名() {
        调用执行的代码，例：
        sum = 1 + 1；
        alert(sum);
    }
 </script>
    <button onclick="函数名()"> //按钮,onclick点击事件，直接写函数名

查看全部

0 采集收起来源：函数调用

2019-09-19

ekylin

注意:
二维数组的两个维度的索引值也是从0开始，两个维度的最后一个索引值为长度-1。

查看全部

0 采集收起来源：二维数组
2019-09-19
ekylin

JS 数组注意：
1.创建的新数组是空数组，没有值，如输出，则显示undefined。
2.虽然创建数组时，指定了长度，但实际上数组都是变长的，也就是说即使指定了长度为8，仍然可以将元素存储在规定长度以外。

查看全部

0 采集收起来源：组团，并给团取个名（如何创建数组）
2019-09-19
ekylin

javascript 使用外部文件时用<script scr="xxx.js"><script>包括文件即可，<script></script>注意不用插入JS代码，都放在外部文件

查看全部

0 采集收起来源：什么是变量
2019-09-19

叫我小生哥

  var otest = document.getElementById("test");//寻找test的元素  
  var ophp=document.createElement("li"); //在文档中创建 li  
  ophp.innerHTML="PHP"; //内容输出  
  otest.appendChild(ophp); //在该元素最后执行ophp

查看全部

0 采集收起来源：插入节点appendChild()

2019-09-19

voiceee

<!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 x=document.getElementsByTagName("li");
var reg={"1":"元素","2":"属性","3":"文本","8":"注释","9":"文档"};

for(var n=0;n<x.length;n++){
document.write("第"+(n+1)+"个li的名称："+x[n].nodeName+"<br>");
document.write("第"+(n+1)+"个li的属性："+x[n].nodeValue+"<br>");
var y=x[n].nodeType;
for(var p in reg){
if(y==p){
document.write("第"+(n+1)+"个li的类型："+reg[p]+"<br>");
}
}
document.write("<br/>");
}
</script>
</body>
</html>

查看全部

0 采集收起来源：节点属性
2019-09-18
qq_糊涂涂_2

为什么每次都是default的结果的原因
prompt 获取到的是字符串，解决方法一：使用parseInt()转换；（var myweek = parseInt(prompt("输入日期")) ；
方法二：将 case 1 改为 case '1';
（建议将最后执行后的语句加上 break;）

查看全部

0 采集收起来源：多种选择（Switch语句)
2019-09-18
Yignore
<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){

//获取第一个输入框的值
var num1 = parseInt(document.getElementById("txt1").value);

//获取第二个输入框的值
var num2 = parseInt(document.getElementById("txt2").value);

//获取选择框的值
var fuhao = document.getElementById("select").value;

//获取通过下拉框来选择的值来改变加减乘除的运算法则
var res;
switch(fuhao) {
case "+": res=num1+num2;
break;
case "-": res=num1-num2;
break;
case "*": res=num1*num2;
break;
case "/": res=num1/num2;
break;
}
//设置结果输入框的值
document.getElementById("fruit").value=res;

console.log(fuhao);
console.log(typeof(fuhao));
console.log("这里是" + num1 + "," + num2);

}
</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-09-18
慕娘3405331

window.history[属性][方法]
length back()、forward()、go()

查看全部

0 采集收起来源：History 对象
2019-09-18
weixin_慕码人4099553

js可定义的事件

查看全部

0 采集收起来源：什么是事件
2019-09-18
慕娘3405331

onclick单击事件
onmouseover鼠标经过
onmouseout鼠标离开
onchange
onselect选中
onfocus集中焦点
onblur失去焦点
onload网页导入
onunload关闭网页

查看全部

0 采集收起来源：什么是事件
2019-09-18
慕运维658241

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <style>
        * {
            margin: 0;
            padding: 0;
        }

        div {
            margin: 0 auto;
            width: 25%;
        }

        #table {

            border-collapse: collapse;
            width: 100%;
        }

        td,
        th {
            border: 1px solid red;

        }
    </style>
</head>

<body>
    <div>
        <table id="table" >
            <tr>
                <th>学号</th>
                <th>姓名</th>
                <th>操作</th>
            </tr>

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

            <tr>
                <td>xh002</td>
                <td>刘小芳</td>
                <td><a href="javascript:console.log('a',this);" onclick="dele(this)">删除</a></td>
                
            </tr>
        </table>
        <input type="button" value="添加一行" onclick="add()" />
        
    </div>
    <script type="text/javascript">

         window.onload=function vv(){
            var cc=document.getElementsByTagName("tr");
            var tr;
            for(var i=1;i<cc.length;i++){
                tr= cc[i];


                tr.setAttribute("onmouseout","bb(this)");
                tr.setAttribute("onmouseover","aa(this)");
            }


        }
        function aa(b){
            b.setAttribute("style","background-color:red");
        }
        function bb(c){
            c.removeAttribute("style");
        }
        // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。



        // 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；
        var num = 2;
        function add() {
            num++;
            var tr = document.createElement("tr");
            var td1 = document.createElement("td");
            var td2 = document.createElement("td");
            var td3 = document.createElement("td");
            td1.innerHTML = "xh00" + num;
            td2.innerHTML = "第" + num + "个学生";
            td3.innerHTML = "<a href='#' onclick='dele(this);'>删除<a>";
            tr.appendChild(td1);
            tr.appendChild(td2);
            tr.appendChild(td3);
            var tab = document.getElementsByTagName("tbody")[0];
            tab.appendChild(tr);
            tr.setAttribute("onmouseout","bb(this)");
                tr.setAttribute("onmouseover","aa(this)");
        }

           // 创建删除函数
           function dele(obj){
               //debugger;
              var node=obj.parentNode.parentNode;
               var tab2=document.getElementById("table").querySelector("tbody");
                // node.parentNode.removeChild(node);
                tab2.removeChild(node);
           }


    </script>
    
</body>

</html>

查看全部

0 采集收起来源：编程练习
2019-09-18

首页上一页 276 277 278 279 280 281 282 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

为什么每次都是default的结果的原因