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