第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定

JavaScript進階篇

難度入門
時長 8小時55分
學(xué)習(xí)人數(shù)
綜合評分9.47
2558人評價 查看評價
9.7 內(nèi)容實用
9.4 簡潔易懂
9.3 邏輯清晰

  • screen對象

    https://img1.sycdn.imooc.com//640f0bc40001a47706210213.jpg

    window.screen.屬性

    eg:

    document.write("屏幕寬度:"+screen.availWidth);

    查看全部
    0 采集 收起 來源：screen對象

    2023-03-13

  • 使用userAgent判斷使用的是什么瀏覽器

    var? 對象=navigator.userAgent

    查看全部
    0 采集 收起 來源：userAgent

    2023-03-13

  • Navigator對象

    http://img1.sycdn.imooc.com//640f097e0001428b06880190.jpg

    查看全部
    0 采集 收起 來源：Navigator對象

    2023-03-13

  • location.[屬性|方法]

    http://img1.sycdn.imooc.com//640f084f00016a2405170126.jpg

    查看全部
    0 采集 收起 來源：Location對象

    2023-03-13

  • window.history.back()=window.history.go(-1)

    //都是返回上一個界面的意思

    window.history.forward()=window.history.go(1)

    //都是返回下一個界面的意思

    查看全部

  • 查詢用戶曾經(jīng)瀏覽過的頁面（URL）

    語法：window.history.[屬性|方法]

    eg:

    var HL = window.history.length? ?;

    ? document.write(HL);

    查看全部
    0 采集 收起 來源：History 對象

    2023-03-13

  • var 對象=setInterval("函數(shù)名字()",每隔的時間);

    onclick="clearInterval(上面那個對象)"

    查看全部

  • http://img1.sycdn.imooc.com//640dcf2f00014fc504090143.jpg

    .

    查看全部

  • 返回當(dāng)前的年份

    語法：var 對象 =new Date();

    var 另一個名字=第一個名字.getFullYear()

    //就會返回當(dāng)前的年份

    查看全部

  • <!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 () {
    ? ? ? ? ? ?// 鼠標(biāo)移動改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。
    ? ? ? ? ? ?var rs = document.getElementsByTagName("tr");
    ? ? ? ? ? ?for (var i = 0; i < rs.length; i++) {
    ? ? ? ? ? ? ? ?changeBg(rs.item(i));
    ? ? ? ? ? ? ? ?// changeBg(rs[i]);
    ? ? ? ? ? ?}
    ? ? ? ?}

    ? ? ? ?function changeBg(item) {
    ? ? ? ? ? ?item.onmouseover = function () {
    ? ? ? ? ? ? ? ?item.style.backgroundColor = "#999";
    ? ? ? ? ? ?}
    ? ? ? ? ? ?item.onmouseout = function () {
    ? ? ? ? ? ? ? ?item.style.backgroundColor = "#fff";
    ? ? ? ? ? ?}
    ? ? ? ?}

    ? ? ? ?// 編寫一個函數(shù)，供添加按鈕調(diào)用，動態(tài)在表格的最后一行添加子節(jié)點；
    ? ? ? ?function addRow() {
    ? ? ? ? ? ?var ta = document.getElementById("table");
    ? ? ? ? ? ?// if (ta.rows.length > 3) {
    ? ? ? ? ? ?// ? ? alert(ta.innerHTML);
    ? ? ? ? ? ?// }
    ? ? ? ? ? ?// 創(chuàng)建 <tr> 節(jié)點
    ? ? ? ? ? ?var c_tr = document.createElement("tr");
    ? ? ? ? ? ?// 創(chuàng)建第一列 <td> 節(jié)點
    ? ? ? ? ? ?var c0 = document.createElement("td");
    ? ? ? ? ? ?// 創(chuàng)建第二列 <td> 節(jié)點
    ? ? ? ? ? ?var c1 = document.createElement("td");
    ? ? ? ? ? ?// 創(chuàng)建第三列 <td> 節(jié)點
    ? ? ? ? ? ?var c2 = document.createElement("td");
    ? ? ? ? ? ?var xh = getXh(ta.rows.length);
    ? ? ? ? ? ?// 第一列添加節(jié)點
    ? ? ? ? ? ?c0.appendChild(document.createTextNode(xh));
    ? ? ? ? ? ?// 第二列添加節(jié)點
    ? ? ? ? ? ?c1.appendChild(document.createTextNode("小明" + ta.rows.length));
    ? ? ? ? ? ?// 創(chuàng)建 <a href='javascript:;'>xx</a> 節(jié)點
    ? ? ? ? ? ?var a = document.createElement("a");
    ? ? ? ? ? ?a.href = 'javascript:deleteRow(\'' + xh + '\')';
    ? ? ? ? ? ?a.innerText = "刪除";
    ? ? ? ? ? ?// 第三列添加 <a> 節(jié)點
    ? ? ? ? ? ?c2.appendChild(a);
    ? ? ? ? ? ?// 行添加 <tr> 節(jié)點
    ? ? ? ? ? ?c_tr.appendChild(c0);
    ? ? ? ? ? ?c_tr.appendChild(c1);
    ? ? ? ? ? ?c_tr.appendChild(c2);
    ? ? ? ? ? ?// 表 添加 節(jié)點
    ? ? ? ? ? ?ta.appendChild(c_tr);
    ? ? ? ?}

    ? ? ? ?// 獲取學(xué)好
    ? ? ? ?function getXh(length) {
    ? ? ? ? ? ?if (length < 10) {
    ? ? ? ? ? ? ? ?return "xh00" + length;
    ? ? ? ? ? ?} else if (length < 100) {
    ? ? ? ? ? ? ? ?return "xh0" + length;
    ? ? ? ? ? ?}
    ? ? ? ? ? ?return "xh" + length;
    ? ? ? ?}

    ? ? ? ?// 創(chuàng)建刪除函數(shù)
    ? ? ? ?function deleteRow(sv) {
    ? ? ? ? ? ?var ta = document.getElementById("table");
    ? ? ? ? ? ?// alert(ta.innerHTML);
    ? ? ? ? ? ?// alert(ta.rows.length);
    ? ? ? ? ? ?for (var i = 0; i < ta.rows.length; i++) {
    ? ? ? ? ? ? ? ?// document.write(ta.rows[i].cells[0].innerHTML+"<br>");
    ? ? ? ? ? ? ? ?if (sv == ta.rows[i].cells[0].innerHTML) {
    ? ? ? ? ? ? ? ? ? ?ta.rows[i].remove();
    ? ? ? ? ? ? ? ? ? ?break;
    ? ? ? ? ? ? ? ?}
    ? ? ? ? ? ?}
    ? ? ? ? ? ?// 錯誤做法
    ? ? ? ? ? ?// var tr = ta.getElementsByTagName("tr");
    ? ? ? ? ? ?// document.write("tr : " + tr.length + "<br>");
    ? ? ? ? ? ?// document.write("tr : " + tr[0].nodeName + "<br>");
    ? ? ? ? ? ?// document.write("tr : " + tr[0].nodeValue + "<br>");
    ? ? ? ? ? ?// document.write("tr : " + tr[0].nodeType + "<br>");
    ? ? ? ? ? ?// document.write("tr : " + tr[0].childNodes[0].nodeName + "<br>");
    ? ? ? ? ? ?// document.write("tr : " + tr[0].childNodes[0].nodeValue + "<br>");
    ? ? ? ? ? ?// document.write("tr : " + tr[0].childNodes[0].nodeType + "<br>");
    ? ? ? ? ? ?// document.write("tr : " + tr[0].childNodes[0].valueOf() + "<br>");
    ? ? ? ? ? ?// var t = document.getElementsByTagName("tr");
    ? ? ? ? ? ?// for (var i = 0; i < t.length; i++) {
    ? ? ? ? ? ?// ? ? document.write("<br>" + i);
    ? ? ? ? ? ?// ? ? // document.write(i + ", " + t[i].childNodes.length + "<br>");
    ? ? ? ? ? ?// }
    ? ? ? ? ? ?// document.write(i + ", " + t[i].innerHTML + "<br>");
    ? ? ? ? ? ?// document.write("length = " + t.length + "<br>");
    ? ? ? ?}


    ? ?</script>
    </head>
    <body>
    <table border="1" width="50%" id="table">
    ? ?<tr>
    ? ? ? ?<th>學(xué)號</th>
    ? ? ? ?<th>姓名</th>
    ? ? ? ?<th>操作</th>
    ? ?</tr>

    ? ?<tr>
    ? ? ? ?<td>xh001</td>
    ? ? ? ?<td>王小明</td>
    ? ? ? ?<td><a href="javascript:deleteRow('xh001')">刪除</a></td> ? <!--在刪除按鈕上添加點擊事件 ?-->
    ? ?</tr>

    ? ?<tr>
    ? ? ? ?<td>xh002</td>
    ? ? ? ?<td>劉小芳</td>
    ? ? ? ?<td><a href="javascript:deleteRow('xh002')">刪除</a></td> ? <!--在刪除按鈕上添加點擊事件 ?-->
    ? ?</tr>

    </table>
    <input type="button" value="添加一行" onclick="addRow()"/> ? <!--在添加按鈕上添加點擊事件 ?-->
    </body>
    </html>

    查看全部
    0 采集 收起 來源：編程練習(xí)

    2023-03-06

  • <!DOCTYPE HTML>
    <html>
    <head>
    ? ?<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    ? ?<title>WidthHeight</title>
    </head>
    <body>
    <script type="text/javascript">
    ? ?/*
    ? ?獲得瀏覽器窗口的尺寸（瀏覽器的視口，不包括工具欄和滾動條）的方法:

    ? ?一、對于IE9+、Chrome、Firefox、Opera 以及 Safari：

    ? ?? ?window.innerHeight - 瀏覽器窗口的內(nèi)部高度

    ? ?? ?window.innerWidth - 瀏覽器窗口的內(nèi)部寬度

    ? ?二、對于 Internet Explorer 8、7、6、5：

    ? ?? ?document.documentElement.clientHeight表示HTML文檔所在窗口的當(dāng)前高度。

    ? ?? ?document.documentElement.clientWidth表示HTML文檔所在窗口的當(dāng)前寬度。

    ? ?或者

    ? ?Document對象的body屬性對應(yīng)HTML文檔的<body>標(biāo)簽

    ? ?? ?document.body.clientHeight

    ? ?? ?document.body.clientWidth

    ? ?在不同瀏覽器都實用的 JavaScript 方案：

    ? ?var w= document.documentElement.clientWidth
    ? ? ? ? ?|| document.body.clientWidth;
    ? ?var h= document.documentElement.clientHeight
    ? ? ? ? ?|| document.body.clientHeight;
    ? ?*/
    ? ?document.write("瀏覽器窗口可視區(qū)域大小:<br>")
    ? ?var width = document.documentElement.clientWidth || document.body.clientWidth;
    ? ?var height = document.documentElement.clientHeight || document.body.clientHeight;
    ? ?document.write("width : " + width + "<br>");
    ? ?document.write("height : " + height + "<br>");
    ? ?document.write("documentElement.clientWidth : " + document.documentElement.clientWidth + "<br>");
    ? ?document.write("documentElement.clientHeight : " + document.documentElement.clientHeight + "<br>");
    ? ?document.write("body.clientWidth : " + document.body.clientWidth + "<br>");
    ? ?document.write("body.clientHeight : " + document.body.clientHeight + "<br>");
    ? ?document.write("window.width : " + window.width + "<br>");
    ? ?document.write("window.height : " + window.height + "<br>");
    ? ?document.write("window.innerWidth : " + window.innerWidth + "<br>");
    ? ?document.write("window.innerHeight : " + window.innerHeight + "<br>");
    ? ?/*scrollHeight和scrollWidth，獲取網(wǎng)頁內(nèi)容高度和寬度。*/
    ? ?document.write("獲取網(wǎng)頁內(nèi)容高度和寬度:<br>")
    ? ?var scrollWidth = document.documentElement.scrollWidth || document.body.scrollWidth;
    ? ?var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
    ? ?document.write("scrollWidth : " + scrollWidth + "<br>");
    ? ?document.write("scrollHeight : " + scrollHeight + "<br>");
    </script>
    </body>
    </html>

    查看全部

  • <!DOCTYPE HTML>
    <html>
    <head>
    ? ?<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    ? ?<title>CreateTextNode</title>
    ? ?<style type="text/css">

    ? ? ? ?.message{
    ? ? ? ? ? ?width:200px;
    ? ? ? ? ? ?height:100px;
    ? ? ? ? ? ?background-color:#CCC;}

    ? ?</style>
    </head>
    <body>
    <script type="text/javascript">
    ? ?var create_node = document.createElement("div");
    ? ?create_node.className = "message";
    ? ?var text_node = document.createTextNode("I Love Javascript!");
    ? ?create_node.appendChild(text_node);
    ? ?document.body.appendChild(create_node);

    </script>

    </body>
    </html>

    查看全部

  • <!DOCTYPE HTML>
    <html>
    <head>
    ? ?<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    ? ?<title>ReplaceChild</title>
    </head>
    <body>


    <div>
    ? ?<b id="oldnode">JavaScript</b>是一個很常用的技術(shù)，為網(wǎng)頁添加動態(tài)效果。
    </div>

    <a href="javascript:replaceMessage()"> 將加粗改為斜體</a>

    <script type="text/javascript">
    ? ?function replaceMessage() {
    ? ? ? ?var new_node = document.createElement("i");
    ? ? ? ?var old_node = document.getElementById("oldnode");
    ? ? ? ?// var new_text = document.createTexxtNode("JavaScript2");
    ? ? ? ?// new_node.appendChild(new_text);
    ? ? ? ?new_node.innerHTML = old_node.innerHTML;
    ? ? ? ?old_node.parentNode.replaceChild(new_node, old_node);
    ? ?}
    </script>


    </body>
    </html>

    查看全部

  • <!DOCTYPE HTML>
    <html>
    <head>
    ? ?<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    ? ?<title>RemoveChild</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">
    ? ?// 在此完成該函數(shù)
    ? ?function clearText() {
    ? ? ? ?var content=document.getElementById("content");
    ? ? ? ?for (var i = 0; i < content.childNodes.length; i++) {
    ? ? ? ? ? ?var rc = content.removeChild(content.childNodes[0]);
    ? ? ? ? ? ?rc = null;
    ? ? ? ?}
    ? ?}
    </script>

    <button onclick="clearText()">清除節(jié)點內(nèi)容</button>



    </body>
    </html>

    查看全部

  • <!DOCTYPE HTML>
    <html>
    <head>
    ? ?<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    ? ?<title>InsertBefore</title>
    </head>
    <body>

    <ul id="test">
    ? ?<li id="t1">JavaScript</li>
    ? ?<li>HTML</li>
    </ul>

    <script type="text/javascript">

    ? ?var otest = document.getElementById("test");
    ? ?var new_node = document.createElement("li");
    ? ?new_node.innerHTML = "InsertBefore new node";
    ? ?otest.insertBefore(new_node, otest.childNodes[0]);
    ? ?// otest.insertBefore(new_node, document.getElementById("t1"));

    </script>

    </body>
    </html>

    查看全部
首頁上一頁6789101112下一頁尾頁

舉報

0/150
提交
取消
課程須知
你需要具備HTML、css基礎(chǔ)知識，建議同學(xué)們也可以想學(xué)習(xí)下js入門篇，快速認(rèn)識js，熟悉js基本語法，更加快速入手進階篇！
老師告訴你能學(xué)到什么？
通過JavaScript學(xué)習(xí)，掌握基本語法，制作簡單交互式頁面

微信掃碼，參與3人拼團

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號
友情提示：

您好，此課程屬于遷移課程，您已購買該課程，無需重復(fù)購買，感謝您對慕課網(wǎng)的支持！