-
javascript-警告(alret消息對話框)
訪問網站彈出的小彈窗,就是通過alert實現的。
語法:
alert(字符串或變量);
代碼示例:
<script type="text/javascript">
? ? ?var mynum =30;
? ? ?alert("歡迎還來到我的世界")
? ? ?alert(mynum);
</scropt>
查看全部 -
javascript 輸出內容(document.write)
document.write可以用于直接向HTML輸出寫的內容,簡單的說就是直接在網頁中輸出內容。
代碼實列:
<scrpit 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 mychat="hello"
document.write(mychat+"i love? Javascript");//多項輸出使用+號連接
</script>
第四種輸出HTML標簽,并起作用,標簽使用""括起來。
<script type"text/javascript">
? var mycaht="hello"
? document.write(mycaht+"<br>")//輸出變量里面的內容后換行輸出
? document,write("Javascript")
</script>
JS空格輸出
<script type="text/javascript">
? ?document.write(" ")
</script>
查看全部 -
什么是函數?
? ?特定功能的一組語句,如果沒有函數,完成任務可能需要5行,10行甚至跟多代碼,這時我們就可以把特定的功能的代碼塊放到一個函數里,直接調用這個函數
代碼實列:
function 函數名()
? {
? ?函數代碼
}
function定義函數關鍵字,
“函數名”函數名
“函數代碼”替換完成特定功能的代碼。
實列:
function add(){
var sum = 3+2;
aler(sum);
}
查看全部 -
javascript判斷語句:
? if....else語句是在指定的條件下成立執行代碼,在條件不成立時執行else后的代碼。
語法:
?if (條件):
? ?{條件成立執行的代碼}
else:
? [條件不成立時執行的代碼]
假如我們通過條件判斷是否為成年人,如年齡大于18歲,是成年人,否則不是成年人,代碼如下:
<script type="text/javascript">
? ?var mychar = 18;
? ? ?if (mycagr>=18)//myage>=18是條件判斷
? ? ? ? {document.write("你是成年人");}
? ? ? else? ?//否則年齡小于18
? ? ? ? ?{document.write("未滿18歲,你不是成年人。");}
</script>
查看全部 -
消息對話框:confirm(str)
查看全部 -
消息確認對話框:confirm(str)
查看全部 -
消息對話框:1、prompt(str1, str2);
查看全部 -
總結:alert是彈出一個框,直接顯示alert中的內容。
confirm是彈出一個框,根據確認取消來選擇輸出后續語句的內容。
prompt是彈出一個框,讓你輸入內容來判斷后續該進行的語句。查看全部 -
????function?openWindow()?{ ????????//?新窗口打開時彈出確認框,是否打開 ????????var?mymessage?=?confirm("是否打開?"); ????????if?(mymessage?==?true)?{ ????????????//?通過輸入對話框,確定打開的網址,默認為?http://www.xianlaiwan.cn/ ????????????var?address?=?prompt("確定打開的網址","http://www.xianlaiwan.cn/") ????????????//?打開的窗口要求,寬400像素,高500像素,無菜單欄、無工具欄。 ????????????if?(address?!=?null)?{ ????????????????window.open(address,?'_blank','width=400,height=500,?menubar=no,toolbar=no'); ????????????} ????????} ????}
查看全部 -
<!DOCTYPE?html> <html> ?<head> ??<title>?new?document?</title>?? ??<meta?http-equiv="Content-Type"?content="text/html;?charset=gbk"/>??? ??<script?type="text/javascript">?? ????//打開的窗口要求,寬400像素,高500像素,無菜單欄、無工具欄。 ????function?openWindow(){ ????var?web?=?'http://www.xianlaiwan.cn/'; ????var?con?=?confirm("確定打開網頁嗎?"); ????//?新窗口打開時彈出確認框,是否打開 ????if(con){ ????????var?web2; ????????web2?=?prompt("打開哪一個網頁呢?",web2); ????????if(web2!=null&&web2!='') ????????{ ????????????window.open(web2,'_blank','width=400,height=500,toolbar=no,menubar=no'); ????????} ????????else?if(web2?==?null){} ????????//?通過輸入對話框,確定打開的網址,默認為?http://www.xianlaiwan.cn/ ????????else? ????????{ ????????????window.open(web,'_blank','width=400,height=500,toolbar=no,menubar=no'); ????????} ????} ????else{} ??}? ???? ??</script>? ?</head>? ?<body>? ??<input?type="button"?value="新窗口打開網站"?onclick="openWindow()"?/>? ?</body> </html>
查看全部 -
display:block 顯示 none 隱藏;
查看全部 -
//_top?框架網頁中在上部窗口中顯示目標網頁 //_blank?在當前窗口顯示目標網頁 //self?在當前窗口顯示目標網頁
查看全部 -
<!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 openwin=confirm("是否打開新窗口?");
? ??
? ? if(openwin==true)
? ? {
? ? ? ? var openwinID=prompt("請輸入地址","http://www.xianlaiwan.cn/");
? ??
? ? if(openwinID!=null){
? ? // 通過輸入對話框,確定打開的網址,默認為 http://www.xianlaiwan.cn/
? ??
? ? //打開的窗口要求,寬400像素,高500像素,無菜單欄、無工具欄。
? ? window.open('openwinID','_blank','width=400px,height=500px,menubar=no,toolbar=no');
? ? ? ??
? ? }
? ? else{
? ? ? ? alert("再見");
? ? }
? ? ? ??
? ? }
? ? else{
? ? ? ? alert("你好再見");
? ? }
? ? ? ??
? ? }
? </script>?
?</head>?
?<body>?
? <input type="button" value="新窗口打開網站" onclick="openWindow()" />?
?</body>
</html>
查看全部 -
open()?方法可以查找一個已經存在或者新建的瀏覽器窗口。
語法:window.open([URL], [窗口名稱], [參數字符串])
例如:
<script type="text/javascript"> window.open('http://www.xianlaiwan.cn','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
</script>
查看全部 -
prompt彈出消息對話框,通常用于詢問一些需要與用戶交互的信息。彈出消息對話框(包含一個確定按鈕、取消按鈕與一個文本輸入框)
var myname=prompt("請輸入你的姓名:");
if(myname!=null)
?{ ? alert("你好"+myname); }
else
?{ ?alert("你好 my friend."); ?}
查看全部
舉報