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