js dom bom
2種結合方式:
1.在body中加入script標籤,<script type="text/javascript" >alert(" 向頁面彈出提示框顯示內容");</javascript>
2.引入外部js文件<script type="text/javascrip"src="1.js"></script>
此方法中寫script代碼無效
js類型:
原始類型:-string:var str="abc";(字符串)
-number:var m=123;(數字)
-boolean:var flag=true;(布爾)
-null:var flag=new Data();(空的引用對象)
-undifned:var a;(沒有賦值的變量)
typeof();產看當前變量的數據類型
js語句:
if判斷語句:if - else if- else
switch選擇語句:
-switch(a){
case 5:
alert(a);
break;
...
default:...
}
循環語句:while和for和do-while
js運算符:(alert(頁面彈出內容))
1.js中不區分小數和整數
2.字符串相加減:相加是字符串連接,相減是作減法運算
3.提示NaN時表示輸入的不是一個數字
4.bool類型設置成true表示1,false表示0,能夠相加減
5.==比較的是值,===比較值和類型
6.document.write("把內容顯示在頁面上,能夠輸變量,值和代碼")
js數組:定義數組方式1.var arr={1,2,3};var arr={1,"4",true};
2.使用array對象var arr=new Array(5);長度是5;arr[0]="1";
3.var arr=new Array(3,4,5);
length屬性能夠得到數組長度;數組能夠放不一樣類型的數據
js函數:定義函數方式1.使用function定義
function 方法名 (參數){
方法體;
返回值無關緊要;}
2.匿名函數:
var add=function(參數){
方法體;
返回值}
3.var add=new Function("參數","方法體和返回值");
js全局變量和局部變量:
全局變量:在script標籤裏建立的變量,在頁面的js部分均可以使用
局部變量:在方法體內定義的變量,只能在方法體中使用
ie8以上版本按f12打開調試面板
js標籤放在body內,放在head裏會獲取不到body中的一些變量值
string對象的方法:1.與html相關的方法
-bold()加粗
-fontcolor()設置顏色
-fontsize()設置字體大小
-link()設置成超連接
-sub()sup()下標和上標/////////str.方法()的格式
2.與java類似的方法
-concat();鏈接字符串
-charAt();返回指定位置的字符串
-indexOf();返回字符串的位置
-split();按提示符分割字符串
-replace();替換字符串中的字符
-substr();從第幾個開始向後取幾個
-substring();從第幾個開始到第幾個,取頭不取尾
js的array對象:屬性:length()查看數組的長度
建立:1.var a1=[1,2,3];
2.var a=new array(3);長度是3
3.var a=new array(1,2,3,4);元素是1,2,3,4
4.var a=[];建立空數組
方法:-concat()鏈接數組
-join()用指定字符分割數組
-push()向數組末尾添加元素,返回一個數組長度,若是添加的是一個數組,當成總體加進去
-pop()刪除數組的末尾元素,返回一個刪除的字符
-reverse()顛倒整個數組的排序方式
js的Date對象:在java中獲取時間
Date date=new Date;//格式化或toLocaleString()轉化時間格式
js中獲取當前時間
var date=new Date;
document.write(date.toLocaleString());//轉化成習慣的格式
getFullYear();獲取當前年份
getMonth();獲取當前月份,返回的值加1
getDay();返回當前星期幾,星期天是0是一週的第一天
getDate();獲得當前的天1-31
getHours();返回小時
getMinute();返回分鐘
getSecond();返回秒
getTime();返回1970.1.1至今的毫秒數,使用毫秒數能夠達處處理緩存的效果 document.write(date.getDate)格式
js的Math對象:裏面的都是靜態方法,能夠直接使用Math.方法()
ceil(x);向上舍入
floor(x);向下舍入
round(x);四捨五入
random();獲得隨機數--0-9的隨機數Math.random()*10
js全局函數:str="alert('1234')";
eval(str);執行字符串的代碼
a=encodeURL(str1);編碼
a1=decodeURL(str1);解碼
alert(isNaN(str));不是數字返回true不然返回false
document.write(parseInt(str)+1)字符串進行加減運算
js函數重載:js中不存在重載,但能夠經過arugments來模擬重載
function add1(){
if(argument.lenth==2){
return argument[0]+arguments[1];}}
else if...
把參數傳到arguments中
js的bom對象:1.document.write(navigator.appName)獲取瀏覽器的信息
2.Screen.width/height(寬/高)獲取屏幕的信息
3.Location請求url,地址-href屬性
Localtion.href;獲得當前請求的地址
<input type="button" value="tiaozhuang"onclick="href1();"/>
function href1(){
localtion.href="url";}--給按鈕設置事件,執行href1,跳到指定地址
4.history:請求url的歷史紀錄
history.back();返回上級,用button配合函數實現
history.forward();返回下級
history.go();括號裏填1到下一個頁面,-1到上一個頁面
5.window窗口對象/頂層對象
-alert();彈出一個框顯示內容
-var a=window.confirm("message");確認框返回一個布爾值
-window.prompt("對話框顯示的內容","輸入框裏的默認值");打開一個對話框
-open("打開窗口的url"," ","窗口特徵設置高寬")打開一個新窗口
-window.close();關閉窗口
-下面是定時器函數
-var id=window.setInterval("js代碼",毫秒數)每多少秒執行一次代碼
-var id=window.setTimeout("js代碼",毫秒數)多少毫秒數以後執行一次,也只執行一次
-clearInterval(id);清除上面的setIntercal定時器
-clearTimeout(id);清除上面的setTimeout定時器
js的document對象:1.write();向頁面輸出內容
2.var input1=document.getElementById("id");經過id獲得input對象
alert(input1.value);獲得value值;;input1.value="設置value值"
3.var input2=document.getElementsByName("name");經過name獲得input對象,用for循環來取值,也可經過下標得到值
4.var input3=document.getElementsByTagName("input");經過input類型獲得input對象,用for循環來取值,下標同上