javaScript在html中的一些常用方式
1.js在html中的位置
通常來說,javascript作為一種腳本語言是可以放在html頁面中任何位置,但是瀏覽器解釋html時是按先后順序的,所以前面的script就先被執行。比如進行頁面顯示初始化的js必須放在head里面,因為初始化都要求提前進行(如給頁面body設置css等);而如果是通過事件調用執行的function那么對位置沒什么要求的。
用戶交互
2.confirm-消息對話框
confirm 消息對話框通常用于允許用戶做選擇的動作,如:“你對嗎?”等。彈出對話框(包括一個確定按鈕和一個取消按鈕)。
語法:confirm(str);
參數說明:
str:在消息對話框中要顯示的文本
返回值: Boolean值
返回值:
當用戶點擊"確定"按鈕時,返回true
當用戶點擊"取消"按鈕時,返回false
<script type="text/javascript">
var mymessage=confirm("你喜歡JavaScript嗎?");
if(mymessage==true)
{ document.write("很好,加油!"); }
else
{ document.write("JS功能強大,要學習噢!"); }
</script>
3.prompt 提問消息對話框
prompt彈出消息對話框,通常用于詢問一些需要與用戶交互的信息。彈出消息對話框(包含一個確定按鈕、取消按鈕與一個文本輸入框)。
語法:
prompt(str1, str2);
參數說明:
str1: 要顯示在消息對話框中的文本,不可修改
str2:文本框中的內容,可以修改
返回值:
- 點擊確定按鈕,文本框中的內容將作為函數返回值
- 點擊取消按鈕,將返回null
看看下面代碼:
var myname=prompt("請輸入你的姓名:");
if(myname!=null)
{ alert("你好"+myname); }
else
{ alert("你好 my friend."); }
獲取或修改dom元素內容
4.innerHTML-通過dom元素來獲取或修改內容
語法:Object.innerHTML
注意:Object是獲取的元素對象,如通過document.getElementById("ID")獲取的元素。
獲取內容:Object.innerHTML;
修改內容:Object.innerHTML = “content”;
5.二維數組的聲明賦值
第一種方法:兩成for循環
var myarr=new Array(); //先聲明一維
for(var i=0;i<2;i++){ //一維長度為2
myarr[i]=new Array(); //再聲明二維
for(var j=0;j<3;j++){ //二維長度為3
myarr[i][j]=i+j; // 賦值,每個數組元素的值為i+j
}
}
第二種方法:直接聲明賦值
var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3, ]];
myarr0=5; //將5的值傳入到數組中,覆蓋原有值。
6.網頁卷去的距離與偏移量
scrollLeft:設置或獲取位于給定對象左邊界與窗口中目前可見內容的最左端之間的距離 ,即左邊灰色的內容。
scrollTop:設置或獲取位于對象最頂端與窗口中可見內容的最頂端之間的距離 ,即上邊灰色的內容。
offsetLeft:獲取指定對象相對于版面或由 offsetParent 屬性指定的父坐標的計算左側位置 。
offsetTop:獲取指定對象相對于版面或由 offsetParent 屬性指定的父坐標的計算頂端位置 。
共同學習,寫下你的評論
評論加載中...
相關文章推薦