-
_blank在新窗口中打開鏈接
查看全部 -
js代碼放在html里的時候，按照上下級，先執行“head”里的代碼，在執行“body”里的代碼
查看全部 -
js代碼放在html里的時候，按照上下級，限制性“head”里的代碼，在執行“body”里的代碼
查看全部 -
function 定義函數
即function后面加函數名
用alert（要輸出的信息）
調用的函數再一次寫出（寫出函數名即可）
from后面onclick后面寫出函數名即可完成函數調用。
查看全部 -
繼續學習，第二
javascript
查看全部 -
confirm（字符串）
查看全部 -
先通過getElementById()方法獲取到元素對象，也就是p標簽，它本質是一個對象，但我們想拿到的是p標簽里的值，所以還需要通過innerHTML拿到它的值
查看全部 -
window.open:
_blank：在新窗口顯示目標網頁
? ? ? ?_self：在當前窗口顯示目標網頁
? ? ? ?_top：框架網頁中在上部窗口中顯示目標網頁查看全部 -
html>
?<head>
? <title> new document </title>??
? <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>? ?
? <script type="text/javascript">
? function openWindow(){??
? ? var message=confirm("是否打開網頁？");
? ? // 新窗口打開時彈出確認框，是否打開
? ? // 通過輸入對話框，確定打開的網址，默認為 http：//www.xianlaiwan.cn/
? ?if(messsage==true) {? ??
? ? ? ?var message2=prompt("請輸入網址：");
? ? ? ?if(message2!=null){window.open(message2,'_blank','width=400,height=5');}
? ? //打開的窗口要求，寬400像素，高500像素，無菜單欄、無工具欄。
? ? }
? ? ??
? }
? </script>?
?</head>?
?<body>?
? <input type="button" value="新窗口打開網站" onclick="openWindow()" />?
?</body>
</html>
查看全部 -
為什么第一行會輸出Hello World!
第五行為啥只有輸出："原標題:"+javascript
為什么輸出順序是這樣的
查看全部 -
prompt：
1. 點擊確定按鈕，文本框中的內容將作為函數返回值
2. 點擊取消按鈕，將返回null? ? ? ? ? ?點擊確定但未輸入任何內容返回什么？不是null查看全部 -
講得好講得好
查看全部 -
控制類名（className 屬性）
className 屬性設置或返回元素的class 屬性。
語法：
object.className = classname
作用:
1.獲取元素的class 屬性
2. 為網頁內的某個元素指定一個css樣式來更改該元素的外觀
看看下面代碼，獲得 <p> 元素的 class 屬性和改變className
大概就是先在head中建立好一兩個樣式，然后用修改樣式的方法給兩個對象加上樣式
查看全部 -
網頁中經常會看到顯示和隱藏的效果，可通過display屬性來設置。
語法：
Object.style.display = value
注意:Object是獲取的元素對象，如通過document.getElementById("id")獲取的元素。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>display</title>
? ? <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>?
</head>?
<body>??
? ? <h1>JavaScript</h1>??
? ? <p id="con">做為一個Web開發師來說，如果你想提供漂亮的網頁、令用戶滿意的上網體驗，JavaScript是必不可少的工具。</p>?
? ? <form>
? ? ? ?<input type="button" onclick="hidetext()" value="隱藏內容" />?
? ? ? ?<input type="button" onclick="showtext()" value="顯示內容" />?
? ? </form>
</body>?
</html>
查看全部 -
HTML DOM 允許 JavaScript 改變 HTML 元素的樣式。如何改變 HTML 元素的樣式呢？
語法:
Object.style.property=new style;
注意:Object是獲取的元素對象，如通過document.getElementById("id")獲取的元素。
基本屬性表（property）:
意:該表只是一小部分CSS樣式屬性，其它樣式也可以通過該方法設置和修改。
看看下面的代碼:
改變 <p> 元素的樣式，將顏色改為紅色，字號改為20,背景顏色改為藍：
<p id="pcon">Hello World!</p>
<script>
? var mychar = document.getElementById("pcon");
? mychar.style.color="red";
? mychar.style.fontSize="20";
? mychar.style.backgroundColor ="blue";
</script>結果:
查看全部
舉報