-
隱藏object
Object.style.display = none
顯示object
Object.style.display =block
查看全部 -
改變HTML元素的樣式 object.style.property = "新的樣式"
eg.?mychar.style.color="red";
查看全部 -
獲取HTML元素的內(nèi)容: object.innerHTML
替換HTML元素的內(nèi)容:object.innerHTML="新內(nèi)容"
查看全部 -
如何打開(kāi)新窗口
查看全部 -
輸出HTML標(biāo)簽,并起作用,標(biāo)簽使用""括起來(lái)。
<script type="text/javascript">
?var mystr="hello";
document.write(mystr+"<br>");//輸出hello后,輸出一個(gè)換行符
?document.write("JavaScript");
</script>查看全部 -
關(guān)于JS輸出空格問(wèn)題,如果想要實(shí)現(xiàn)輸出空格,可以使用特殊字符“ ”實(shí)現(xiàn)
<script type="text/javascript">
?document.write(" ");//輸出空格</script>查看全部 -
?function openWindow()
??? {
??????? var a=confirm("是否打開(kāi)窗口?");
??? if (a=true)
??? {
??????? var b=prompt("請(qǐng)輸入網(wǎng)址","默認(rèn)為 http://idcbgp.cn/")
??????? if (b=true) {window.open('http://idcbgp.cn/','width=400','height=500','menubar=no','toolbar=no')}
??????? else
???????????? {document.write("不打開(kāi).");}
??? }
??? else
???? {document.write("不打開(kāi).");}查看全部 -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>confirm</title>
? <script type="text/javascript">
? function rec(){
??? var mymessage=confirm("你是女性嗎?");???????? ;
??? if(mymessage==true)
??? {
??? document.write("你是女士!");
??? }
??? else
??? {
??????? document.write("你是男士!");
??? }
? }???
? </script>
</head>
<body>
??? <input name="button" type="button" onClick="rec()" value="點(diǎn)擊我,彈出確認(rèn)對(duì)話(huà)框" />
</body>
</html>查看全部 -
作業(yè)簡(jiǎn)單的解答:
<!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 openwindow = confirm("是否打開(kāi)這個(gè)網(wǎng)站:http://idcbgp.cn")
? ? // 新窗口打開(kāi)時(shí)彈出確認(rèn)框,是否打開(kāi)
? ? ? ? if(openwindow == true) {
? ? ? ? ? ? window.open('http://idcbgp.cn','_blank','width=400, height=500, woolbar=no, menubar=yes')
? ? ? ? }
? ? ? ? else {
? ? ? ? ? ? alert("取消打開(kāi)")
? ? ? ? }
? ? }
? ??
? ? // 通過(guò)輸入對(duì)話(huà)框,確定打開(kāi)的網(wǎng)址,默認(rèn)為 http://idcbgp.cn/
? ? //打開(kāi)的窗口要求,寬400像素,高500像素,無(wú)菜單欄、無(wú)工具欄。
? ??
? ??
? </script>?
?</head>?
?<body>?
? <input type="button" value="新窗口打開(kāi)網(wǎng)站" onclick="openWindow()" />?
?</body>
</html>
查看全部 -
HTML? ?DOM允許JavaScript改變HTML元素的樣式
語(yǔ)法
object.style.property=new?style;
注意:object是獲取元素對(duì)象,如通過(guò)document.getElementById("id")獲取元素。
基本屬性表:(property):
backgroundColor:設(shè)置元素的顏色。
color;設(shè)置元素顏色
width:設(shè)置元素寬度
height:設(shè)置元素高度
font:在一行設(shè)置所有字體屬性
fontsie:設(shè)置元素的字體大小
fontfFamily:設(shè)置元素字體系列
查看全部 -
什么是innerHTML屬性?
innerHTML屬性用于獲取或替換HTML元素的內(nèi)容。
語(yǔ)法:
object.innerHTML
1·object是獲取的元素對(duì)象,如通過(guò)document.getElmenetById("id")獲取元素。
2·注意書(shū)寫(xiě),innerHTML區(qū)分大小寫(xiě)。
查看全部 -
文檔對(duì)象類(lèi)型DOM(Document Object Model) 定義訪問(wèn)和處理HTML文檔的標(biāo)準(zhǔn)方法。DOW將HTML文檔呈現(xiàn)為帶有元素/屬性和文檔的樹(shù)結(jié)構(gòu)(節(jié)點(diǎn)樹(shù))。
HTML文檔可以說(shuō)由節(jié)點(diǎn)構(gòu)成的集合,三種常見(jiàn)的DOM節(jié)點(diǎn):
元素節(jié)點(diǎn):上圖中<html>、<body>、<p>等都是元素節(jié)點(diǎn),即標(biāo)簽。
文本節(jié)點(diǎn):向用戶(hù)展示內(nèi)容,如<li>...</li>中的javascript,DOM,CSS等文本。
屬性節(jié)點(diǎn):元素屬性,如<a>標(biāo)簽的鏈接屬性href="http://idcbgp.cn".
查看全部 -
<script type="text/Javascript">
?function ages(){
? if(confirm("確定打開(kāi)新得網(wǎng)頁(yè)嗎?")){
? ?var url = prompt("請(qǐng)輸入需要訪問(wèn)的網(wǎng)址","")?
? ?window.open(url,"_blank",'width=500,height=400,menubar=no,toolbar=np');
? ?else(document.write("您取消了本次操作"))? ? ? ? ??
? ?}
查看全部 -
open()方法可以查找一個(gè)已經(jīng)存在或者新建的瀏覽窗口。
? 語(yǔ)法:
? window.open({URL}[窗口名稱(chēng)],[參數(shù)字符串])
窗口名稱(chēng):可選三個(gè)參數(shù)
? “_top”,"_blank","_self"具體特殊意義的名稱(chēng)。
?“_blank”:在新窗口 顯示目標(biāo)網(wǎng)頁(yè)
?_self:當(dāng)前窗口顯示目標(biāo)網(wǎng)頁(yè)
?_top:框架網(wǎng)頁(yè)中上部窗口中顯示目標(biāo)網(wǎng)頁(yè)
<script type="text/javascript">
window=open('https.www.baidu.com','_blank',width=300,height=200,menubar=no,toolbar=no,status=no,scrollbar=yes')
查看全部 -
confirm消息對(duì)話(huà)框的用法:confirm消息對(duì)話(huà)框通常用于允許用戶(hù)做選擇的動(dòng)作
如:“你對(duì)嗎?”等。彈出對(duì)話(huà)框(包括一個(gè)確定按鈕和一個(gè)取消按鈕)。
語(yǔ)法:
confirm(str);
代碼示例:
<script type="text/javascript">
? var mymessage=confirm("你喜歡前端嗎?");
? ? ? if(mymessage=confirm==true)
? ? ? ? ? ?{? ?document.write("很好,加油");}
? ? ? ?else
? ? ? ? ? ? {? ?document.write("JS功能強(qiáng)大,要學(xué)習(xí)奧!");}
</script>
查看全部
舉報(bào)