久草热在线丝袜,亚洲伊人a线观看不卡,国产精品毛片古代

首頁免費課 JavaScript入門篇筆記

JavaScript入門篇

                
                慕課官方號
            頁面重構設計

                    查看講師更多課程 
                    慕課官方號講師的其他課程
                
帝堵搶車位動畫制作
初級·36954
免費課程
                                
JavaScript進階篇
入門·468830
免費課程
                                
                難度入門
            
                時長 1小時35分
            
                學習人數
            
綜合評分9.57
                            5510人評價
                        查看評價
                                9.8
                                內容實用
                            
                                9.5
                                簡潔易懂
                            
                                9.4
                                邏輯清晰

最熱最新

superman4892475

文檔對象模型DOM（Document Object Model）定義訪問和處理HTML文檔的標準方法。DOM?將HTML文檔呈現為帶有元素、屬性和文本的樹結構（節點樹）。

HTML文檔可以說由節點構成的集合，三種常見的DOM節點:
1. 元素節點：上圖中<html>、<body>、<p>等都是元素節點，即標簽。
2. 文本節點:向用戶展示的內容，如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 屬性節點:元素屬性，如<a>標簽的鏈接屬性href="http://www.xianlaiwan.cn"。

查看全部

0 采集收起來源：認識DOM
2024-01-03
superman4892475

JavaScript-輸出內容（document.write()）
JavaScript-警告（alert()消息對話框）
JavaScript-確認（confirm() 消息對話框）
JavaScript-提問（prompt()消息對話框）
JavaScript-打開新窗口（window.open()）
JavaScript-關閉窗口（window.close()）

查看全部

0 采集收起來源：JavaScript-輸出內容（document.write）
2024-01-02
superman4892475

var m1 = confirm("是否打開新窗口？");
? ? if(m1=true){
? ? ? ? prompt("打開網址","http://www.xianlaiwan.cn/");
? ? ? ? window.open('http://www.xianlaiwan.cn/','_blank',width=400,height=500);
? ? }else{
? ? ? ??
? ? }

查看全部

0 采集收起來源：編程練習
2024-01-02
superman4892475

confirm 消息對話框通常用于允許用戶做選擇的動作，如：“你對嗎？”等。彈出對話框(包括一個確定按鈕和一個取消按鈕)。
語法:
confirm(str);
參數說明:
str：在消息對話框中要顯示的文本返回值: Boolean值
返回值:
當用戶點擊"確定"按鈕時，返回true
當用戶點擊"取消"按鈕時，返回false

查看全部

0 采集收起來源：JavaScript-確認（confirm 消息對話框）
2024-01-02
superman4892475

? ? 1.變量必須使用字母、下劃線(_)或者美元符($)開始。
? ? 2.然后可以使用任意多個英文字母、數字、下劃線(_)或者美元符($)組成。
? ? 3.不能使用JavaScript關鍵詞與JavaScript保留字。

查看全部

0 采集收起來源：JavaScript-什么是變量
2024-01-02
superman4892475

注意:?javascript作為一種腳本語言可以放在html頁面中任何位置，但是瀏覽器解釋html時是按先后順序的，所以前面的script就先被執行。比如進行頁面顯示初始化的js必須放在head里面，因為初始化都要求提前進行（如給頁面body設置css等）；而如果是通過事件調用執行的function那么對位置沒什么要求的。

查看全部

0 采集收起來源：找到你的位置（JS在頁面中的位置）
2024-01-02
weixin_慕絲1240363

<!DOCTYPE html>
<html>
?<head>
? <title> new document </title>??
? <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>? ?
? <script type="text/javascript">??
? ? function openWindow(){
? ? ? ? var a=confirm("是否要打開？");
? ? ? ? if(a=true){
? ? ? ? ? ? var b=prompt("確定打開的網址：","http://www.xianlaiwan.cn/");
? ? ? ? ? ? if(b!=null){
? ? ? ? ? ? ? ? window.open(b,'_blank','width=400px','height=500px','menubar=no','toolbar=no');
? ? ? ? ? ? }
? ? ? ? ? ? else{
? ? ? ? ? ? ? ? document.write("請重新輸入網址！");
? ? ? ? ? ? }
? ? ? ? }
? ? ? ? else(){
? ? ? ? ? ? document.write("不打開！");
? ? ? ? }
? ? }
? ? // 新窗口打開時彈出確認框，是否打開

? ? // 通過輸入對話框，確定打開的網址，默認為 http：//www.xianlaiwan.cn/

? ? //打開的窗口要求，寬400像素，高500像素，無菜單欄、無工具欄。
? ??
? ??
? </script>?
?</head>?
?<body>?
? <input type="button" value="新窗口打開網站" onclick="openWindow()" />?
?</body>
</html>

查看全部

0 采集收起來源：編程練習
2023-12-08
weixin_慕絲1240363

<!DOCTYPE html>
<html>
?<head>
? <title> new document </title>??
? <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>? ?
? <script type="text/javascript">??
? ? function openWindow(){
? ? ? ? var a=confirm("是否打開指定網頁？");
? ? if (a==true)
? ? { var y=prompt("請輸入要打開的網頁：","http://www.xianlaiwan.cn/");
? ? ? ? if (y!=null)
? ? ? ? {? ?window.open(y,'width=400px','height=500px','menubar=no','toolbar=no');}
? ? ? ? else
? ? ? ? {? document.write("請重新輸入！");}
? ? }
? ? else
? ? {? ?document.write("不打開！")}}
? ? // 新窗口打開時彈出確認框，是否打開

? ? // 通過輸入對話框，確定打開的網址，默認為 http：//www.xianlaiwan.cn/

? ? //打開的窗口要求，寬400像素，高500像素，無菜單欄、無工具欄。
? ??
? ??
? </script>?
?</head>?
?<body>?
? <input type="button" value="新窗口打開網站" onclick="openWindow()" />?
?</body>
</html>

查看全部

0 采集收起來源：編程練習
2023-12-08
weixin_慕絲1240363

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />
<title>javascript</title>
<style type="text/css">
body{font-size:12px;}
#txt{
? ? height:400px;
? ? width:600px;
border:#333 solid 1px;
padding:5px;
color:black;
}
p{
line-height:18px;
text-indent:2em;}
</style>
</head>
<body>
? <h2 id="con">JavaScript課程</h2>
? <div id="txt">?
? ? ?<h5>JavaScript為網頁添加動態效果并實現與用戶交互的功能。</h5>
? ? ? ? <p>1. JavaScript入門篇，讓不懂JS的你，快速了解JS。</p>
? ? ? ? <p>2. JavaScript進階篇，讓你掌握JS的基礎語法、函數、數組、事件、內置對象、BOM瀏覽器、DOM操作。</p>
? ? ? ? <p>3. 學完以上兩門基礎課后，在深入學習JavaScript的變量作用域、事件、對象、運動、cookie、正則表達式、ajax等課程。</p>
? </div>
? <form>
? 
? ? <input type="button" value="改變顏色" onclick="a()">??
? ? <input type="button" value="改變寬高" onclick="b()">
? ? <input type="button" value="隱藏內容" onclick="c()">
? ? <input type="button" value="顯示內容" onclick="d()">
? ? <input type="button" value="取消設置" onclick="e()">
? </form>
? <script type="text/javascript">
//定義"改變顏色"的函數
? ? var achar=document.getElementById("txt");
? ? function a(){
? ? ? ? achar.style.color="blue";
? ? }

//定義"改變寬高"的函數
? ? var bchar=document.getElementById("txt");
? ? function b(){
? ? ? ? bchar.style.width="200px";
? ? ? ? bchar.style.height="300px";
? ? }

//定義"隱藏內容"的函數
? ? var cchar=document.getElementById("txt");
? ? function c(){
? ? ? ? cchar.style.display="none";
? ? }

//定義"顯示內容"的函數
? ? var dchar=document.getElementById("txt");
? ? function d(){
? ? ? ? dchar.style.display="block";
? ? }

//定義"取消設置"的函數
? ?
? ? var echar=document.getElementById("txt");
? ? function e(){
? ? ? ? var econ=confirm("要取消設置嗎？");
? ? ? ? if (econ==true){
? ? ? ? ? ? echar.style.height="400px";
? ? ? ? ? ? echar.style.width="600px";
? ? ? ? ? ? echar.style.display="block";
? ? ? ? ? ? echar.style.color="black";
? ? ? ? }
? ? ? ? else {}
? ? }

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

查看全部

0 采集收起來源：編程挑戰
2023-12-07
weixin_慕絲1240363

?function openWindow(){
? ? ? ? var a=confirm("是否打開指定網頁？");
? ? if (a==true)
? ? { var y=prompt("請輸入要打開的網頁：","http://www.xianlaiwan.cn/");
? ? ? ? if (y!=null)
? ? ? ? {? ?window.open(y,'width=400px','height=500px','menubar=no','toolbar=no');}
? ? ? ? else
? ? ? ? {? document.write("請重新輸入！");}
? ? }
? ? else
? ? {? ?document.write("不打開！")}}

查看全部

0 采集收起來源：編程練習
2023-12-02
網合22w3孫宏宇

//
/*
*/

查看全部

0 采集收起來源：JavaScript-注釋很重要
2023-11-15
weixin_慕九州0561128

function openWindow(){
? ? ? ? var myconfir = confirm("是否打開網站？");
? ? ? ? if ( myconfir==true){
? ? ? ? ? ? var myweb=prompt('請輸入要打開的網站地址');
? ? ? ? ? ? if (myweb==null){
? ? ? ? ? ? ? ?alert("再見")
? ? ? ? ? ? }
? ? ? ? ? ? else if(myweb=="") {
? ? ? ? ? ? ? ?window.open('http：//www.xianlaiwan.cn/', '_blank', 'width=400,height=500,menubar=no,toolbar=no')
? ? ? ? ? ? }
? ? ? ? ? ? else{
? ? ? ? ? ? ? ? window.open(myweb, '_blank', 'width=400,height=500,menubar=no,toolbar=no')?
? ? ? ? ? ? }
? ? ? ? }
? ? ? ? else{
? ? ? ? ? ? alert("再見")
? ? ? ? ? ??
? ? ? ? }
? ? }

查看全部

0 采集收起來源：編程練習
2023-10-18
慕仙3214696

1.document.write("");（直接輸出內容）
2.document.write(變量名);（輸出變量里的內容）
3.document.write(變量名+"");（多項內容的輸出通過+號連接）
4.document.write(變量名+""+"<br>"); （輸出HTML標簽，并起作用，標簽使用“”括起來）

查看全部

0 采集收起來源：JavaScript-輸出內容（document.write）
2023-09-20
慕仙3214696

用function定義一個函數：

function +函數名（）{ ?函數代碼（完成特定功能的代碼）; ?}

然后在form 里面用 < input type="button" ?value="按鈕名稱" onclick="函數名()" / >

執行input type="button"?
創建一個按鈕value="按鈕顯示文本"
onclick="函數名()" 執行該函數

查看全部

0 采集收起來源：JavaScript-什么是函數
2023-09-20
慕前端2005916

這段代碼執行后，p標簽內容顯示在瀏覽器里時，就是已經通過對象innerHTML修改之后的內容，這里有一個執行順序的問題，p標簽內容在修改前沒有顯示，但是js腳本的代碼在p標簽下方，確認一下

查看全部

0 采集收起來源：innerHTML 屬性
2023-08-24

首頁上一頁 1 2 3 4 5 6 7 下一頁尾頁

舉報

0/150

提交

取消

開始學習

課程須知: 該課程是針對新手的一個簡單基礎的課程，讓您快速了解JS，通過一些簡單的代碼編寫體會JS。如果您已經對JS有所了解，可以跳過本課程，學習JS進階課程，進一步學習JS相應的基礎知識。學習本課程，希望您至少具備HTML/CSS基礎知識，認識常用的標簽。

老師告訴你能學到什么？: 1. 理解JavaScript基礎語法； 2. 掌握常用語句的使用方法； 3. 學會如何獲取DOM元素及進行簡單操作。

微信掃碼，參與3人拼團

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

熱搜

最近搜索清空

JavaScript入門篇