菜鳥javascript基礎(chǔ)整理1
1
//頁(yè)面中寫入html內(nèi)容
document.write("<h1>Hello World!</h1>")
2
//為了防止不支持 JavaScript 的瀏覽器把js當(dāng)作為頁(yè)面的內(nèi)容來(lái)顯示
//注釋行末尾的兩個(gè)正斜杠是 JavaScript 的注釋符號(hào)，它會(huì)阻止 JavaScript 編譯器對(duì)這一行的編譯。
<script type="text/javascript">
<!--
document.write("Hello World!");
//-->
</script>
3
//onload事件的多種寫法
//第一種通過(guò)body標(biāo)簽加入onload事件
<script type="text/javascript">
function message(){ alert("該提示框是通過(guò) onload 事件調(diào)用的。");}
</script>
<body onload="message()">
//第二種直接用window函數(shù)調(diào)用onload事件
<script type="text/javascript" language="javascript">
window.onload=message;
function message(){ alert("該提示框是通過(guò) onload 事件調(diào)用的。"); }
</script>
4
//JavaScript 放置的位置
當(dāng)頁(yè)面載入時(shí)，會(huì)執(zhí)行位于 body 部分的 JavaScript。(直接執(zhí)行)
當(dāng)被調(diào)用時(shí)，位于 head 部分的 JavaScript 才會(huì)被執(zhí)行。
head 部分
包含函數(shù)的腳本位于文檔的 head 部分。這樣我們就可以確保在調(diào)用函數(shù)前，腳本已經(jīng)載入了。
5.
//分號(hào)的作用
//分號(hào)是可選的（根據(jù) JavaScript 標(biāo)準(zhǔn)），瀏覽器把行末作為語(yǔ)句的結(jié)尾,通過(guò)使用分號(hào)，可以在一行中寫多條語(yǔ)句。
6。
//JavaScript 變量名稱的規(guī)則：
變量對(duì)大小寫敏感（y 和 Y 是兩個(gè)不同的變量）
變量必須以字母或下劃線開始
7。
//變量的聲明
如果您所賦值的變量還未進(jìn)行過(guò)聲明，該變量會(huì)自動(dòng)聲明。
例:
x=5; carname="Volvo";
與后面的這些語(yǔ)句的效果相同：var x=5; var carname="Volvo";
8。
//比較運(yùn)算符
運(yùn)算符 描述 例子
=== 全等（值和類型） x===5 為 true； x==="5" 為 false
9。
//條件運(yùn)算符(三目運(yùn)算符)
JavaScript 還包含了基于某些條件對(duì)變量進(jìn)行賦值的條件運(yùn)算符。
name=("liuhuan"=="LH")?"劉歡":"歌星";
10。
//獲得當(dāng)前系統(tǒng)時(shí)間(小時(shí)數(shù))
var d = new Date()
var time = d.getHours()
11。
//隨機(jī)數(shù)
var num=Math.random();
產(chǎn)生的偽隨機(jī)數(shù)介于 0 和 1 之間（含 0，不含 1），也就是，返回值可能為0，但總是小于1。在第一次加載 JScript 時(shí)隨機(jī)數(shù)發(fā)
生器自動(dòng)產(chǎn)生 。
12。
//獲取今天的星期數(shù)(星期日為0，星期1-6為1-6)
var d = new Date()
theDay=d.getDay()
13。
//按鈕的觸發(fā)事件
<input type="button" onclick="disp_alert()" value="顯示警告框" />
14。
//彈出框內(nèi)容換行
alert("再次向您問好！在這里，我們向您演示" + '\n' + "如何向警告框添加折行。")
15.
//確認(rèn)框(刪除方法)
//confirm("文本")
<script type="text/javascript">
function show_confirm()
{
var r=confirm("確認(rèn)刪除?");
if (r==true) {
alert("刪除成功!");
}
else{
alert("刪除失敗!");
}
}
</script>
16.
//于用戶交互的彈出框(可輸入文字的提示框)
//prompt("文本","默認(rèn)值")
<script type="text/javascript">
function disp_prompt()
{
var name=prompt("請(qǐng)輸入您的名字","Bill Gates")
if (name!=null && name!=""){
document.write("你好！" + name + " 今天過(guò)得怎么樣？")
}
}
</script>
17。
//帶有參數(shù)并返回值的函數(shù)
<head>
<script type="text/javascript">
function product(a,b)
{
return a*b;
}
</script>
</head>
<body>
<script type="text/javascript">
document.write(product(6,5))
</script>
</body>
18。
//for循環(huán) (本例中動(dòng)態(tài)生成html中的h標(biāo)簽)
<body>
<script type="text/javascript">
for (i = 1; i <= 6; i++){
document.write("<h" + i + ">這是標(biāo)題 " + i)
document.write("</h" + i + ">")
}
</script>
</body>
19。
//break跳出語(yǔ)句
<script type="text/javascript">
var i=0
for (i=0;i<=10;i++){
if (i==3){break}
document.write("數(shù)字是 " + i)
document.write("<br />")
}
</script>
<p>解釋：循環(huán)會(huì)在 i=3 時(shí)中斷。</p>
20。
//continue跳出語(yǔ)句
<script type="text/javascript">
var i=0
for (i=0;i<=10;i++){
if (i==3){continue}
document.write("數(shù)字是 " + i)
document.write("<br />")
}
</script>
<p>解釋：當(dāng) i=3 時(shí)，會(huì)中斷循環(huán)，并從下一個(gè)值開始繼續(xù)循環(huán)。</p>
值為:01245678910
21。
//for in循環(huán)(相當(dāng)于.net中的foreach循環(huán))
<html>
<body>
<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "寶馬"
mycars[1] = "奔馳"
mycars[2] = "賓利"
for (x in mycars)
{
document.write("x的值為"+x+ "<br />");
document.write(mycars[x] + "<br />")
}
</script>
</body>
</html>
22。
//javascript事件
onload 某個(gè)頁(yè)面或圖像被完成加載 //頁(yè)面加載
onunload 用戶退出頁(yè)面
onfocus 元素獲得焦點(diǎn)
onblur 元素失去焦點(diǎn) //表單驗(yàn)證
onchange 用戶改變域的內(nèi)容
onreset 重置按鈕被點(diǎn)擊
onsubmit 提交按鈕被點(diǎn)擊 //用于在提交表單之前驗(yàn)證所有的表單域。
例如:
(當(dāng)用戶單擊表單中的確認(rèn)按鈕時(shí)，checkForm() 函數(shù)就會(huì)被調(diào)用。checkForm() 函數(shù)的返回值是 bool類型,如果返回值為true，則
提交表單，反之取消提交。)
<form method="post" action="xxx.htm" onsubmit="return checkForm()">
onkeydown 某個(gè)鍵盤的鍵被按下
onkeypress 某個(gè)鍵盤的鍵被按下或按住 //鍵盤操作
onkeyup 某個(gè)鍵盤的鍵被松開
onclick 鼠標(biāo)點(diǎn)擊某個(gè)對(duì)象
ondblclick 鼠標(biāo)雙擊某個(gè)對(duì)象
onmousedown 某個(gè)鼠標(biāo)按鍵被按下 //鼠標(biāo)操作
onmousemove 鼠標(biāo)被移動(dòng)
onmouseout 鼠標(biāo)從某元素移開
onmouseover 鼠標(biāo)被移到某元素之上
onmouseup 某個(gè)鼠標(biāo)按鍵被松開
onabort 圖像加載被中斷
onerror 當(dāng)加載文檔或圖像時(shí)發(fā)生某個(gè)錯(cuò)誤
onresize 窗口或框架被調(diào)整尺寸
onselect 文本被選定
23。
//js中的錯(cuò)誤提示 err.description及其try...catch 語(yǔ)句
例如:
<script type="text/javascript">
var txt=""
function message(){
try{
adddlert("Welcome guest!")
}
catch(err){
txt="本頁(yè)中存在錯(cuò)誤。\n\n"
txt+="錯(cuò)誤描述：" + err.description + "\n\n"
txt+="點(diǎn)擊“確定”繼續(xù)。\n\n"
alert(txt);
}
}
</script>
24。
//帶有確認(rèn)框的 try...catch 語(yǔ)句
<head>
<script type="text/javascript">
var txt=""
function message(){
try{
adddlert("Welcome guest!")
}
catch(err){
txt="本頁(yè)中存在錯(cuò)誤。\n\n"
txt+="點(diǎn)擊“確定”繼續(xù)查看本頁(yè)，\n"
txt+="點(diǎn)擊“取消”返回首頁(yè)。\n\n"
if(!confirm(txt))
{
document.location.href="../index.html"
}
}
}
</script>
</head>
<body>
<input type="button" value="查看消息" onclick="message()" />
</body>
25。
//創(chuàng)建 exception（異?；蝈e(cuò)誤）。(配合try...catch語(yǔ)句使用)
例如:
<script type="text/javascript">
var x=prompt("請(qǐng)輸入 0 至 10 之間的數(shù)：","")
try{
if(x>10)
throw "Err1"
else if(x<0)
throw "Err2"
else if(isNaN(x))
throw "Err3"
}
catch(er){
if(er=="Err1")
alert("錯(cuò)誤！該值太大！")
if(er == "Err2")
alert("錯(cuò)誤！該值太??！")
if(er == "Err3")
alert("錯(cuò)誤！該值不是數(shù)字！")
}
</script>
26。
//return true和return true的用法
(它可以返回一個(gè)bool型的參數(shù),繼續(xù)用于判斷)
function jiance(msg,url,l){
alert("你確定嗎?")
return true
}
function jieguo(){
if(jiance()){
alert("是");
}
else{
alert("否");
}
}
27.
//onerror 事件
<html><head>
<script type="text/javascript">
//當(dāng)出現(xiàn)錯(cuò)誤時(shí)觸發(fā)onerror事件
onerror=handleErr;
var txt=""
function handleErr(msg,url,l){
txt="本頁(yè)中存在錯(cuò)誤。\n\n"
txt+="錯(cuò)誤：" + msg + "\n"
txt+="URL: " + url + "\n"
txt+="行：" + l + "\n\n"
txt+="點(diǎn)擊“確定”繼續(xù)。\n\n"
alert(txt)
return true
}
function message(){
adddlert("確定嗎?")
}
</script>
</head><body>
<input type="button" value="查看消息" onclick="message()" />
</body></html>
28。
//JavaScript 中使用反斜杠來(lái)向文本字符串添加特殊字符。
例如:
var txt="We are the so-called \"Vikings\" from the north."
document.write(txt)
29。
//javascript注意事項(xiàng)
1。JavaScript 對(duì)大小寫敏感
2。JavaScript 會(huì)忽略多余的空格
3。在編寫代碼時(shí)可以使用反斜杠進(jìn)行換行
例:
document.write("Hello \
World!");
相關(guān)文章
ajax上傳時(shí)參數(shù)提交不更新等相關(guān)問題
我感覺好像這個(gè)上傳插件只在第一次點(diǎn)擊的時(shí)候?qū)嵗?shù)傳給后臺(tái)，所以以后值都是不變的，應(yīng)該怎么解決這個(gè)問題呢2012-12-12
JavaScript Break 和 Continue區(qū)別教程
JavaScript Break 和 Continue區(qū)別教程...2007-04-04
JavaScript基礎(chǔ)心法 數(shù)據(jù)類型
一個(gè)很基礎(chǔ)的知識(shí)點(diǎn)，這篇主要是介紹JavaScript中基本數(shù)據(jù)類型和引用數(shù)據(jù)類型是如何存儲(chǔ)的,需要的朋友可以參考下2018-03-03
這篇文章主要介紹了JS和jQuery的區(qū)別，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
Javascript 動(dòng)態(tài)改變imput type屬性
這篇文章主要介紹了Javascript 動(dòng)態(tài)改變imput type屬性的相關(guān)資料,并附簡(jiǎn)單實(shí)例代碼，需要的朋友可以參考下2016-11-11
javascript判斷回文數(shù)詳解及實(shí)現(xiàn)代碼
這篇文章主要介紹了javascript判斷回文數(shù)詳解及實(shí)現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下2017-02-02
本文主要給大家介紹了javascript中深復(fù)制的實(shí)現(xiàn)方式，這里推薦給有需要的小伙伴參考下。2014-12-12
javascript 進(jìn)階篇1 正則表達(dá)式，cookie管理，userData
接下來(lái)開始我們的進(jìn)階之路,更實(shí)用的技巧分享2012-03-03
JS中構(gòu)造函數(shù)的基本特性與優(yōu)缺點(diǎn)
這篇文章介紹了JS中構(gòu)造函數(shù)的基本特性與優(yōu)缺點(diǎn)，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06
本文使用JS、CSS、標(biāo)簽屬性等方式去除IE鏈接上的虛線框，方法很簡(jiǎn)單，大家可以選擇使用2013-11-11