-
document.write()?
可用于直接向 HTML 輸出流寫內(nèi)容。簡單的說就是直接在網(wǎng)頁中輸出內(nèi)容。
第一種:輸出內(nèi)容用""括起,直接輸出""號(hào)內(nèi)的內(nèi)容。
<script type="text/javascript">
?document.write("I love JavaScript!"); //內(nèi)容用""括起來,""里的內(nèi)容直接輸出。</script>第二種:通過變量,輸出內(nèi)容
<script type="text/javascript">
?var mystr="hello world!";
?document.write(mystr); ?//直接寫變量名,輸出變量存儲(chǔ)的內(nèi)容。</script>第三種:輸出多項(xiàng)內(nèi)容,內(nèi)容之間用+號(hào)連接。
<script type="text/javascript">
?var mystr="hello";
?document.write(mystr+"I love JavaScript"); //多項(xiàng)內(nèi)容之間用+號(hào)連接</script>第四種:輸出HTML標(biāo)簽,并起作用,標(biāo)簽使用""括起來。
<script type="text/javascript">
?var mystr="hello";
document.write(mystr+"<br>");//輸出hello后,輸出一個(gè)換行符
?document.write("JavaScript");
</script>關(guān)于JS輸出空格問題,如果想要實(shí)現(xiàn)輸出空格,可以使用特殊字符“ ”實(shí)現(xiàn)
<script type="text/javascript">
?document.write(" ");//輸出空格</script>查看全部 -
定義變量使用關(guān)鍵字var,語法如下:
var 變量名
變量名可以任意取名,但要遵循命名規(guī)則:
? ? 1.變量必須使用字母、下劃線(_)或者美元符($)開始。
? ? 2.然后可以使用任意多個(gè)英文字母、數(shù)字、下劃線(_)或者美元符($)組成。
? ? 3.不能使用JavaScript關(guān)鍵詞與JavaScript保留字。
變量要先聲明再賦值,如下:
var mychar;
mychar="javascript";
var mynum = 6;變量可以重復(fù)賦值,如下:
var mychar;
mychar="javascript";
mychar="hello";注意:
1. 在JS中區(qū)分大小寫,如變量mychar與myChar是不一樣的,表示是兩個(gè)變量。
2. 變量雖然也可以不聲明,直接使用,但不規(guī)范,需要先聲明,后使用。
查看全部 -
文檔對(duì)象模型DOM(Document Object Model)定義訪問和處理HTML文檔的標(biāo)準(zhǔn)方法。DOM?將HTML文檔呈現(xiàn)為帶有元素、屬性和文本的樹結(jié)構(gòu)(節(jié)點(diǎn)樹)。
HTML文檔可以說由節(jié)點(diǎn)構(gòu)成的集合,三種常見的DOM節(jié)點(diǎn):
1. 元素節(jié)點(diǎn):上圖中<html>、<body>、<p>等都是元素節(jié)點(diǎn),即標(biāo)簽。
2. 文本節(jié)點(diǎn):向用戶展示的內(nèi)容,如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 屬性節(jié)點(diǎn):元素屬性,如<a>標(biāo)簽的鏈接屬性href="http://idcbgp.cn"。
查看全部 -
1. 在JS中區(qū)分大小寫,如變量mychar與myChar是不一樣的,表示是兩個(gè)變量。
2. 變量雖然也可以不聲明,直接使用,但不規(guī)范,需要先聲明,后使用。
查看全部 -
變量名可以任意取名,但要遵循命名規(guī)則:
? ? 1.變量必須使用字母、下劃線(_)或者美元符($)開始。
? ? 2.然后可以使用任意多個(gè)英文字母、數(shù)字、下劃線(_)或者美元符($)組成。
? ? 3.不能使用JavaScript關(guān)鍵詞與JavaScript保留字。
查看全部 -
我們可以將JavaScript代碼放在html文件中任何位置,但是我們一般放在網(wǎng)頁的head或者body部分。
放在<head>部分
最常用的方式是在頁面中head部分放置<script>元素,瀏覽器解析head部分就會(huì)執(zhí)行這個(gè)代碼,然后才解析頁面的其余部分。
放在<body>部分
JavaScript代碼在網(wǎng)頁讀取到該語句的時(shí)候就會(huì)執(zhí)行。javascript作為一種腳本語言可以放在html頁面中任何位置,但是瀏覽器解釋html時(shí)是按先后順序的,所以前面的script就先被執(zhí)行。比如進(jìn)行頁面顯示初始化的js必須放在head里面,因?yàn)槌跏蓟家筇崆斑M(jìn)行(如給頁面body設(shè)置css等);而如果是通過事件調(diào)用執(zhí)行的function那么對(duì)位置沒什么要求的。
查看全部 -
script意思是腳本,它的作用是將那些不能單獨(dú)使用且僅用于服務(wù)其他語言的語言嵌入到代碼中,使它所服務(wù)的對(duì)象更完美,
查看全部 -
function changecolor()
{var txt=document.getElementById("txt");
txt.style.color="blue";
txt.style.backgroundColor="#CCC"};
//定義"改變顏色"的函數(shù)
function changewide()
{var txt=document.getElementById("txt");
txt.style.width="500px";
txt.style.height="500px"};
//定義"改變寬高"的函數(shù)
function mychar()
{var txt=document.getElementById("txt");
txt.style.display="none"};
//定義"隱藏內(nèi)容"的函數(shù)
function dd()
{var txt=document.getElementById("txt");
txt.style.display="block"};
//定義"顯示內(nèi)容"的函數(shù)
function mygth()
{var mmy=confirm("是否要取消設(shè)置?");
if (mmy==true)
{var txt=document.getElementById("txt");
txt.style.color="black";
txt.style.backgroundColor="white";
txt.style.width="600px";
txt.style.height="400px";
txt.style.display="black"}
}
查看全部 -
function openWindow()
{var queren=confirm("確定要打開窗口嗎?");
if (queren==true)
{
? ? var myweb=prompt("請(qǐng)輸入網(wǎng)址”,“http://idcbgp.cn");
if(myweb!=null)
{
? ? window.open(myweb,"_blank",'width=400,heigth=500,menubar=no,toolbar=no')
}
? ? else{alert("再見");}
?}
else{alert("再見");}
? ? ?}
查看全部 -
?function openWindow()
? {? ?var queren=confirm("確認(rèn)打開嗎?");
? ?if (queren==true)
? ? ? {
? ? ? ? ? var myweb=prompt("請(qǐng)輸入網(wǎng)址","http://idcbgp.cn");
? ? ? ? ? if (myweb!=null)
? ? ? ? ? {
? ? ? ? ? ? ?window.open(myweb,"_blank",'width=400,height=500,menubar=no,toolbar=no')
? ? ? ? ? ? ?
? ? ? ? ?}
? ? ? ? else{
? ? ? ? ? ? alert("謝謝使用,再見");
? ? ? ? ? ? }
? ? ? }
?else{
? ? ? ? ? ? alert("謝謝使用,再見");
? ? ? ? ? ? }
? ? ??
? }
查看全部 -
? function openWindow()
{var queren=confirm("確定要打開窗口嗎?");
if (queren==true)
{
? ? var myweb=prompt("請(qǐng)輸入網(wǎng)址”,“http://idcbgp.cn");
if(myweb!=null)
{window.open(mychth,'_blank','width=400,heigth=500,menubar=no,toolbar=no')
}
? ? else{alert("再見");}
?}
else{alert("再見");}
? ? ?}
查看全部 -
? function openWindow()
?{var mychar=confirm("確定要打開窗口嗎?");
?if (mychar==true)
?{var mychth=prompt("請(qǐng)輸入網(wǎng)址”,“http://idcbgp.cn/");
?if(mychth!=null)
?{window.open(mychth,'_blank','width=400px,heigth=500px,menubar=no,toolbar=no')
? ? ?
?}
? ? else{alert("再見");}
? ? ?
?}
? ? // 新窗口打開時(shí)彈出確認(rèn)框,是否打開
else{alert("再見");}
? ? ?
?}
? ??
查看全部 -
? <form>
? <!--當(dāng)點(diǎn)擊相應(yīng)按鈕,執(zhí)行相應(yīng)操作,為按鈕添加相應(yīng)事件-->
? ? <input type="button" onClick="setColor()" value="改變顏色" >??
? ? <input type="button" onClick="setWidth()" value="改變寬高" >
? ? <input type="button" onClick="setHidden()" value="隱藏內(nèi)容" >
? ? <input type="button" onClick="setDisplay()" value="顯示內(nèi)容" >
? ? <input type="button" onClick="cancel()" value="取消設(shè)置" >
? </form>
? <script type="text/javascript">
//定義"改變顏色"的函數(shù)
? ? function setColor(){
? ? ? ? var t1 = document.getElementById("txt");
? ? ? ? t1.style.color = "red";
? ? ? ? t1.style.backgroundColor = "blue";
? ? }??
//定義"改變寬高"的函數(shù)
? ? function setWidth(){
? ? ? ? var t2 = document.getElementById("txt");
? ? ? ? t2.style.width="300px";
? ? ? ? t2.style.height="500px";
? ? }
//定義"隱藏內(nèi)容"的函數(shù)
? ? function setHidden(){
? ? ? ? var t3 = document.getElementById("txt");
? ? ? ? t3.style.display="none";
? ? }
//定義"顯示內(nèi)容"的函數(shù)
? ? function setDisplay(){
? ? ? ? var t4 = document.getElementById("txt");
? ? ? ? t4.style.display="block";
? ? }
//定義"取消設(shè)置"的函數(shù)
? ? function cancel(){
? ? ? ? var m = confirm("是否恢復(fù)原始值?");
? ? ? ? if(m==true){
? ? ? ? ? ? var t5 = document.getElementById("txt");
? ? ? ? ? ? t5.removeAttribute('style');
? ? ? ? }else{
? ? ? ? ? ??
? ? ? ? }
? ? }
? ??
? </script>
查看全部 -
改變 HTML 樣式: Object.style.property=new style;
顯示和隱藏(display屬性): Object.style.display = value;
控制類名(className 屬性): object.className = classname
查看全部 -
innerHTML 屬性用于獲取或替換 HTML 元素的內(nèi)容。
語法: Object.innerHTML
注意:
1.Object是獲取的元素對(duì)象,如通過document.getElementById("ID")獲取的元素。
2.注意書寫,innerHTML區(qū)分大小寫。
查看全部
舉報(bào)