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

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

JavaScript入門篇

難度入門
時長 1小時35分
學習人數
綜合評分9.57
5510人評價 查看評價
9.8 內容實用
9.5 簡潔易懂
9.4 邏輯清晰
第21行rec()后要跟英文分號,否則點擊提交后還是會要你再試試。
調試了一會總算能正常運行了
作業:
function openWindow(){
var str="是否打開新窗口";
var str1=confirm(str);
if(str1==1){
window.open(' http://www.xianlaiwan.cn/','_blank','windth=400,height=500,toolbar=no,menubar=no')
}
}
innerHTML功能上可以理解為修改功能
關于下面說用簡略法的:

var mychar = document.getElementById('con');
mychar.style.cssText = 'color: red; background: red; width: 300px;'

這句確實沒問題,但,這章講的不是這個內容,相當于超綱了,而評判檢測則以它的答案為主。

總不能1+1,人家答案規定填空題,你把“解:因為是+號,所以1+1=2”寫出來吧。
舉例:
css:font-size
js:fontSize

css:padding-left
js:paddingLeft

css:margin-bottom
js:marginBottom

css:line-height
js:lineHeight

總之,css里用"-"連接兩個單詞,js只需改變第二個單詞首字母為大寫
另外,js種設置樣式的屬性值,與css里有點區別。

background-color: #ccc; 在css里是正確的。

但,在js里,很多css出現橫杠的屬性,都要用一個單詞寫,也就用了駝峰命名(這里不是你命名,而是官方定義的名字就這樣)
mychar.style.backgroundColor = "#ccc";
注意:值數需要加引號。

編譯器是慕課它本身的問題,無需糾結,多提交幾次。但是,它只檢測語法有無錯誤,你還得看看右邊demo。
比如,這里,即使你的值
如 mychar.style.color = red; 它不報錯,但是沒效果,其實是錯了。
應該:mychar.style.color = "red";
注意:innerHTML區分大小寫
額,下面的注釋:
write(con) //輸出[object HTMLDivElement]
我用的是div測試,不是p。不影響理解
注意點,不要去看document,要看 getElementById();和 write();

有引號:
getElementById('con') //獲取ID為con的元素
write('con') //輸出內容就是 con(這個不是元素的id,而是文本來的,相當于“你好,嗨”等字符)

無引號:
getElementById(con) //語法錯誤,必須加引號,否則無法執行
write(con) //輸出[object HTMLDivElement],沒引號,它相當于直接輸出id為con的元素節點,
綜上:
第一種操作獲?。篸ocument.getElementById("id").innerHTML;
第二種操作輸出:document.write(id.innerHTML);
這兩種輸出結果相同。操作不同而已。
關于本篇的一些個人理解
④如果想要輸出結果為文本內容“JavaScript”如何編寫?
第一種無需改變獲取語句,只需改變輸出語句(mychar 改→ con.innerHTML):
<p id="con">JavaScript</p>
<script type="text/javascript">
var mychar=document.getElementById("con");
document.write(con.innerHTML);
</script>

輸出結果:
JavaScript
JavaScript
關于本篇的一些個人理解
④如果想要輸出結果為文本內容“JavaScript”如何編寫?
第一種獲取元素語句后面加 .innerHTML 來獲取文本:
<p id="con">JavaScript</p>
<script type="text/javascript">
var mychar=document.getElementById("con").innerHTML;
document.write(mychar);
</script>

輸出結果:
JavaScript
JavaScript
關于本篇的一些個人理解
③為何這里輸出的不是文本內容“JavaScript”?
前面說了,document.getElementById('id');獲取的就是id名為''的一個元素,也就是選取元素節點用的,所以這里,獲取到的是,p元素,輸出也是p元素。至于里面的“JavaScript”是文本節點,需要改變一下語句來獲?。?br /> document.getElementById('id').innerHTML;
這個才是獲取元元素里面文本內容(文本節點)的語句,而且有兩種辦法,在第④點說明
課程須知
該課程是針對新手的一個簡單基礎的課程,讓您快速了解JS,通過一些簡單的代碼編寫體會JS。如果您已經對JS有所了解,可以跳過本課程,學習JS進階課程,進一步學習JS相應的基礎知識。學習本課程,希望您至少具備HTML/CSS基礎知識,認識常用的標簽。
老師告訴你能學到什么?
1. 理解JavaScript基礎語法; 2. 掌握常用語句的使用方法; 3. 學會如何獲取DOM元素及進行簡單操作。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消