AV色蜜桃一区二区三区,天天躁狠狠的躁久久无码,在线Av一区二区三区

首頁免費課 JavaScript進階篇筆記

JavaScript進階篇

                
                慕課官方號
            頁面重構設計

                    查看講師更多課程 
                    慕課官方號講師的其他課程
                
帝堵搶車位動畫制作
初級·36954
免費課程
                                
JavaScript入門篇 
入門·741185
免費課程
                                
                難度入門
            
                時長 8小時55分
            
                學習人數
            
綜合評分9.47
                            2558人評價
                        查看評價
                                9.7
                                內容實用
                            
                                9.4
                                簡潔易懂
                            
                                9.3
                                邏輯清晰

最熱最新

qq_愛偷貓的魚_0

var w=document.documentElement.scrollWidth
? || document.body.scrollWidth;
var h=document.documentElement.scrollHeight
? || document.body.scrollHeight;

查看全部

0 采集收起來源：網頁尺寸scrollHeight
2022-09-29
qq_愛偷貓的魚_0

var w= document.documentElement.clientWidth
? ? ? || document.body.clientWidth;
var h= document.documentElement.clientHeight
? ? ? || document.body.clientHeight;

查看全部

0 采集收起來源：瀏覽器窗口可視區域大小
2022-09-29

qq_愛偷貓的魚_0

<script?type="text/javascript">
var?main?=?document.body;
//創建鏈接
function?createa(url,text)
{
?var?a?=?document.createElement("a");
?a.setAttribute("href",url);
?a.innerHTML?=?text;
?a.setAttribute("style","color:red;");
????return?a;
}
//?調用函數創建鏈接
var?aitem?=?createa("http://www.xianlaiwan.cn","慕課網");
main.appendChild(aitem);

</script>

查看全部

0 采集收起來源：創建元素節點createElement

2022-09-29

qq_愛偷貓的魚_0

<script?type="text/javascript">
??????function?replaceMessage(){
??????????
		???var?oldnode?=?document.getElementById("oldnode");
		???var?text?=?oldnode.innerText;
		???var?newnode?=?document.createElement("i");
		???newnode.innerText?=?text;
		???oldnode.parentNode.replaceChild(newnode,oldnode);
???????}????
???????
???????replaceMessage();
??</script>

查看全部

0 采集收起來源：替換元素節點replaceChild()

2022-09-29

qq_愛偷貓的魚_0

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>nextSibling</title>
</head>
<body>
<ul?id="u1">???
????????????<li?id="a">javascript</li>???
????????????<li?id="b">jquery</li>???
????????????<li?id="c">html</li>???
????????</ul>???
????????<ul?id="u2">???
????????????<li?id="d">css3</li>???
????????????<li?id="e">php</li>???
????????????<li?id="f">java</li>???
????????</ul>???
<script?type="text/javascript">
????function?get_nextSibling(n){
????????var?x=n.nextSibling;
????????while?(x?&&?x.nodeType!=1){
????????????x=x.nextSibling;
????????}
????????return?x;
????}
function?get_previousSibling?(n){
????????var?p=n.previousSibling;
????????while?(p?&&?p.nodeType!=1){
????????????p=p.previousSibling;
????????}
????????return?p;
????}
????var?x=document.getElementsByTagName("li")[1];
????document.write(x.nodeName);
????document.write("?=?");
????document.write(x.innerHTML);
????
????var?y=get_nextSibling(x);
????
????if(y!=null){
????????document.write("<br?/>nextsibling:?");
????????document.write(y.nodeName);
????????document.write("?=?");
????????document.write(y.innerHTML);
????}else{
??????document.write("<br>已經是最后一個節點");??????
????}
????
????var?z=get_previousSibling(x);
????
????if(z!=null){
????????document.write("<br?/>previousSibling:?");
????????document.write(z.nodeName);
????????document.write("?=?");
????????document.write(z.innerHTML);
????}else{
??????document.write("<br>已經是第一個節點");??????
????}

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

查看全部

0 采集收起來源：訪問兄弟節點

2022-09-29

qq_愛偷貓的魚_0

<script??type="text/javascript">????
???var?mylist?=?document.getElementById("tcon");?
???var?item?=?mylist.parentNode.parentNode.parentNode.lastChild;
???document.write(item.firstChild.nodeValue);
</script>

查看全部

0 采集收起來源：訪問父節點parentNode

2022-09-29

qq_愛偷貓的魚_0

<script?type="text/javascript">
??var?Lists=document.getElementsByTagName("li");
??for?(var?i=0;?i<Lists.length;i++)
??{
????var?text?=?Lists[i].getAttribute("title");
????document.write(text?+"<br>");
????if(text=="")
????{
????????var?shortText?=Lists[i].innerHTML.replace(/[a-z]/g,'');
????????console.log(shortText);
????Lists[i].setAttribute("title",shortText);
????document.write(Lists[i].getAttribute("title")+"<br>");
????}
??}
</script>

查看全部

0 采集收起來源：setAttribute()方法

2022-09-29

qq_愛偷貓的魚_0

<!DOCTYPE?HTML>
<html>
??<meta?charset="utf-8"/>
????<head>
????????<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312">
????????<title>無標題文檔</title>
????</head>
???
????<body>
????????<form>
??????????請選擇你愛好:<br>
??????????<input?type="checkbox"?name="hobby"?id="hobby1">??音樂
??????????<input?type="checkbox"?name="hobby"?id="hobby2">??登山
??????????<input?type="checkbox"?name="hobby"?id="hobby3">??游泳
??????????<input?type="checkbox"?name="hobby"?id="hobby4">??閱讀
??????????<input?type="checkbox"?name="hobby"?id="hobby5">??打球
??????????<input?type="checkbox"?name="hobby"?id="hobby6">??跑步?<br>
??????????<input?type="button"?value?=?"全選"?onclick?=?"checkall();">
??????????<input?type="button"?value?=?"全不選"?onclick?=?"clearall();">
??????????<p>請輸入您要選擇愛好的序號，序號為1-6:</p>
??????????<input?id="wb"?name="wb"?type="text"?>
??????????<input?name="ok"?type="button"?value="確定"?onclick?=?"checkone();">
????????</form>
????????<script?type="text/javascript">
????????function?checkall(){
????????????var?hobby?=?document.getElementsByTagName("input");
????????????for(var?i?=?0;i<hobby.length;i++){
??????????????var?element?=?hobby[i];
??????????????element.checked?=?true;
????????????}
???????????
??????????//?任務1?
???????????
????????}
????????function?clearall(){
????????????var?hobby?=?document.getElementsByName("hobby");
????????????for(var?i?=?0;i<hobby.length;i++){
??????????????var?element?=?hobby[i];
??????????????element.checked?=?false;
????????????}
?????????//?任務2????
???????????
????????}
???????
????????function?checkone(){
????????????var?j=document.getElementById("wb").value;
????????????if(j?>=?1?&&?j?<=?6){
??????????????var?element?=?document.getElementById("hobby"?+?j);
??????????????if(element!=?null){
????????????????element.checked?=?true;
??????????????}else{
??????????????alert("請在文本框輸入整數1-6序號");
????????????}

????????????}else{
??????????????alert("請在文本框輸入整數1-6序號");
????????????}
???????
?????????//?任務3
???????
????????}
???????
????????</script>
????</body>
</html>

查看全部

0 采集收起來源：區別getElementByID,getElementsByName,getElementsByTagName

2022-09-29

qq_愛偷貓的魚_0

?function?getValue()
??????????{
??????????????var?myH?=?document.getElementById("myHead");
??????????????alert(myH.innerHTML)
??????????}
??????????function?getElements()
??????????{
??????????????var?myS?=?document.getElementsByName("sex");
??????????????alert(myS.length);
??????????}

??????????function?getTagElements()
??????????{
??????????????var?myI?=?document.getElementsByTagName("input");
??????????????alert(myI.length);
??????????}

查看全部

0 采集收起來源：getElementsByTagName()方法

2022-09-29

qq_愛偷貓的魚_0

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>style樣式</title>
</head>
<body>
??<h2?id="con">I?love?JavaScript</H2>
??<p>?JavaScript使網頁顯示動態效果并實現與用戶交互功能。</p>
??<script?type="text/javascript">
???
?var?h2?=?document.getElementById("con");
?h2.style.color?=?'red';
?h2.style.backgroundColor?=?'#CCC';
?h2.style.display?=?'none';
?//h2.setAttribute("style","color:red;background-color:?#ccc;");
?//h2.setAttribute("style","display:none;");

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

查看全部

0 采集收起來源：認識DOM

2022-09-29

qq_愛偷貓的魚_0

<!DOCTYPE?html>
<html>
?<head>
??<title>瀏覽器對象</title>??
??<meta?http-equiv="Content-Type"?content="text/html;?charset=gkb"/>??
?</head>
?<body>
??<!--先編寫好網頁布局-->
??<h4>操作成功</h4>
??<span?id?=?"time">5</span>后返回主頁
??<a?href="http://www.xianlaiwan.cn/">返回</a>
?
?
??<script?type="text/javascript">??
??var?time?=5;
???//獲取顯示秒數的元素，通過定時器來更改秒數。
???var?int?=?setInterval(setBackTime,1000);
???function?setBackTime(){
???????time--;
???????document.getElementById("time").innerHTML?=?time;
???????if(time?==?0){
???????????clearInterval(int);
???????????window.location.href="http://www.xianlaiwan.cn/";
???????}
???}
???//通過window的location和history對象來控制網頁的跳轉。
???
?</script>?
</body>
</html>

查看全部

0 采集收起來源：編程練習

2022-09-29

qq_愛偷貓的魚_0

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>無標題文檔</title>
<script?type="text/javascript">
????????function?GoBack()?{
????????????window.history.go(-1);
????????}
???????
</script>
</head>
?

<body>
點擊下面的錨點鏈接，添加歷史列表項:
????
????<br?/>
????<a?href="#target1">第一個錨點</a>
????<a?name="target1"></a>
????<br?/>
????<a?href="#target2">第二個錨點</a>
????<a?name="target2"></a>
????<br?/><br?/>
????使用下面按鈕，實現返回前一個頁面:
????<form>
???????<input?type="button"??value="返回前一個頁面"?onclick="GoBack();"?/>????????
????</form>
</body>
</html>

查看全部

0 采集收起來源：返回前一個瀏覽的頁面

2022-09-29

qq_愛偷貓的魚_0

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

<script?type="text/javascript">
??var?num=0;
??var?i;
??function?startCount(){
????document.getElementById('count').value=num;
????num=num+1;
????i=setTimeout("startCount()",1000);
??}
??function?stopCount(){
??????clearTimeout(i);
??}
</script>
</head>
<body>
??<form>
????<input?type="text"?id="count"?/>
????<input?type="button"?value="Start"??onclick="startCount()"/>
????<input?type="button"?value="Stop"???onclick="stopCount()"/>
??</form>
</body>
</html>

查看全部

0 采集收起來源：取消計時器clearTimeout()

2022-09-29

qq_愛偷貓的魚_0

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

</head>
<body>
<form>
<input?type="text"?id="count"?/>
</form>
<script?type="text/javascript">
??var?num=0;
??function?startCount()?{
????document.getElementById('count').value=num;
????num=num+1;
????setTimeout(startCount,1000)
??}
??startCount();
</script>
</body>
</html>

查看全部

0 采集收起來源：計時器setTimeout()

2022-09-29

qq_愛偷貓的魚_0

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

</head>
<body>
??<form>
????<input?type="text"?id="clock"?size="50"??/>
????<input?type="button"?value="Stop"?onclick="stopClock()"?/>
??</form>
?
??<script?type="text/javascript">
???function?clock(){
??????var?time=new?Date();??
??????document.getElementById("clock").value?=?time;
???}
???
???function?stopClock(){
???????clearInterval(int);
???}
???var?int;
???int?=?setInterval(clock,100);
???clock();
???
?????
</script>
</body>
</html>

查看全部

0 采集收起來源：取消計時器clearInterval()

2022-09-29

首頁上一頁 15 16 17 18 19 20 21 下一頁尾頁

舉報

0/150

提交

取消

開始學習

課程須知: 你需要具備HTML、css基礎知識，建議同學們也可以想學習下js入門篇，快速認識js，熟悉js基本語法，更加快速入手進階篇！

老師告訴你能學到什么？: 通過JavaScript學習，掌握基本語法，制作簡單交互式頁面

微信掃碼，參與3人拼團

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

JavaScript進階篇