js,bom,dom(相信我,你看不懂我寫的)

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循環來取值,下標同上
相關文章
相關標籤/搜索