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

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

JavaScript入門篇

難度入門
時長 1小時35分
學習人數
綜合評分9.57
5511人評價 查看評價
9.8 內容實用
9.5 簡潔易懂
9.4 邏輯清晰
也可以用替換class然后給class寫樣式這個思路來實現嘛。
取消設置調用了element.removeAttribute()函數,一定要注意http://www.w3school.com.cn/jsref/dom_obj_all.asp
//定義"取消設置"的函數
function Cancle(){
var fa=confirm("是否取消設置");
if(fa==true)
{
document.getElementById("txt").removeAttribute("style");
}
else
{
return null;
}
}
//定義"隱藏內容"的函數
function Hide(){
var da=document.getElementById("txt");
da.style.display="none";
}

//定義"顯示內容"的函數
function Display(){
var ea=document.getElementById("txt");
ea.style.display="block";
}
//定義"改變顏色"的函數
function Color(){
var sa=document.getElementById("txt");
sa.style.color="red";
}

//定義"改變寬高"的函數
function Width(){
var qa=document.getElementById("txt");
qa.style.width="300px";
}
<script type="text/javascript">
function hidetext()
{
var mychar = document.getElementById("con");
mychar.style.display="none";
}
function showtext()
{
var mychar = document.getElementById("con");
mychar.style.display="block";
}
</script>
學習起來還是挺快的,加油,只為更優秀
<body>
<h2 id="con">I love JavaScript</H2>
<p> JavaScript使網頁顯示動態效果并實現與用戶交互功能。</p>
<script type="text/javascript">
var mychar= document.getElementById("con");
mychar.style.color="red";
mychar.style.backgroundColor="#CCC"
mychar.style.width="300px";


</script>
</body>
<script type="text/javascript">

var mychar= document.getElementById("con") ;

document.write("原標題:"+mychar.innerHTML+"<br>"); //輸出原h2標簽內容

mychar.innerHTML="Hello world"

document.write("修改后的標題:"+mychar.innerHTML); //輸出修改后h2標簽內容

</script>
document.getElementById(“id”) 這條語句獲取的是元素,包含開始標簽到結束標簽所有內容。想要輸出元素內容需要在其后尾使用.innerHTML /*innerHTML看它的英文單詞也可以明白就是里面的字符按html標記的語言格式取出來*/
1. 元素節點:上圖中<html>、<body>、<p>等都是元素節點,即標簽。

2. 文本節點:向用戶展示的內容,如<li>...</li>中的JavaScript、DOM、CSS等文本。

3. 屬性節點:元素屬性,如<a>標簽的鏈接屬性href="http://www.xianlaiwan.cn"。
function openWindow(){
var ma=confirm("是否打開新窗口");
if(ma==true)
{
var sa=prompt("請確定您要輸入的網站","http://www.xianlaiwan.cn/");
}
if(sa!=null)
{
window.open(sa,'_blank','width=400,height=500,menubar=no,toolbar=no');
}
}
<script type="text/javascript">
var mywin=window.open('http://www.xianlaiwan.cn'); //將新打的窗口對象,存儲在變量mywin中
mywin.close();
</script>
例如:打開http://www.xianlaiwan.cn網站,大小為300px * 200px,無菜單,無工具欄,無狀態欄,有滾動條窗口:

<script type="text/javascript"> window.open('http://www.xianlaiwan.cn','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
</script>
課程須知
該課程是針對新手的一個簡單基礎的課程,讓您快速了解JS,通過一些簡單的代碼編寫體會JS。如果您已經對JS有所了解,可以跳過本課程,學習JS進階課程,進一步學習JS相應的基礎知識。學習本課程,希望您至少具備HTML/CSS基礎知識,認識常用的標簽。
老師告訴你能學到什么?
1. 理解JavaScript基礎語法; 2. 掌握常用語句的使用方法; 3. 學會如何獲取DOM元素及進行簡單操作。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消