javascript總結

時間 2019-11-21

原文原文鏈接

javascript:它是一種script腳本語言
           腳本語言:就是能夠和HTML混合在一塊兒使用的語言,能夠用來在IE的客                    戶端進行程序編制,從而控制瀏覽器等對象的操做
javascript:它是一種基於對象和事件驅動並具備安全性能的腳本語言
             使用它的目的是與HTML一塊兒實如今一個WEB頁面中與WEB客戶交互
特色：   是一種腳本語言採用小程序段的方式實現編程
          是基於對象的語言
          簡單性它是基於JAVA基本語句和控制流之上的簡單而緊湊的設計
          安全性   它不容許訪問本地硬盤，而不能將數據存入到服務器上
                   不能對網絡文件進行修改和刪除只能動態的交互
          動態性   直接對用戶或客戶輸入作出響應是採用事件驅動的方式進                   行的
          跨平臺性 javascript是依賴於IE自己，與操做環境無關
                    只要能運行IE的計算機，並支持JAVASCRIPT的IE就可正確                    執行
<HTML>
<HEAD>
    <script language = "JavaScript">
      
    </script>
</head>
<body>
    <P>祝學有所成!!!</P>
</body>
</HTML>

   alert()是javascript的窗口對象方法，其功能是彈出一個具備   ok對話框並顯示

基本語法

常量
      整型常量   實型常量   布爾型(true false)   字符型' " 空值null
變量
      是存取數據，提供存放信息的容器
         x=100
         y="125"
         xy=true
         cost=19.5
變量的聲明
          var               var mytest="this is a book";

全局變量   是定義在全部函數體以外做用範圍是整個函數
局部變量   是定義在函數體以內只對該函數是可見的

<HTML>
<HEAD>
    <script language = "JavaScript">
      
    </script>
</head>
<body>
     <script language="javascript">
    
    </script>
</body>
</HTML>

運算符
       算術 +   -    *       /       %    ++    --
       邏輯   &&    ||    !
       比較   < >   <= >= ==   !=
       條件     (條件)?a:b

<HTML>
<HEAD>
</head>
<body>
     <script language="javascript">

      a=(10>8)?"hu":"song";
      b=(10<8)?"hu":"song";
      document.write(a);
      document.write("<br>");
      document.write(b);
    </script>
</body>
</HTML>

基本程序語句

if語句

   <HTML>
<HEAD>
</head>
<body>
     <script language="javascript">

      hour=13;
      if(hour<12)
          document.write("good morning");
      else if(hour<18)
           document.write("good afternoon");
      else
            document.write("good evening");
    </script>
</body>
</HTML>

for語句

<HTML>
<HEAD>
</head>
<body>
     <script language="javascript">

     sum=0;
for(i=0;i<6;i++)
sum+=3;
document.write(sum);
    </script>
</body>
</HTML>

函數
        return語句指明由函數返回的值
                    它是函數內部與外部進行交互和通訊的惟一途徑
<HTML>
<HEAD>
   <SCRIPT language="JavaScript">
   
   </SCRIPT>
</HEAD>
<body>

   <SCRIPT language="JavaScript">
        
        </SCRIPT>
</body>
</HTML>

事件

    <HTML>
<HEAD>
</head>
<body>
    <P>祝學有所成!!!</P>
    <form>
    <input type="button" value="請單擊" onclick=alert("你好")>
    </form>
</body>
</HTML>

        onclick     鼠標單擊
        onchange    文本框的內容發生改變的時候發生的事件
        onselect    文本框的內容選種的時候發生的事件
        onfocus     光標落在文本框中發生的事件
        onload      網頁加載時發生的事件
        onunload    網頁關閉時發生的事件

對象

     navigator對象:管理着瀏覽器的版號運行的平臺瀏覽器使用的語言等信息

     window對象處於整個從屬表的最頂級位置，每個這樣的對象表明一個瀏覽器窗口

    location對象   含有當前網頁的URL地址

    history對象    含有之前訪問過的網頁的URL地址

    document對象    含有當前網頁的各類特性   如標題背景

navigator對象提供整個瀏覽器環境的信息

     appname:   瀏覽器的名字     IE：msie
     appversion    瀏覽器的版本號
     appcodename   瀏覽器的代碼名字

<html>

<head>

<script language="JavaScript">

function makeArray(n){

this.length=n

return this

}

function hexfromdec(num) {

hex=new makeArray(1);

var hexstring="";

var shifthex=16;

var temp1=num;

for(x=1; x>=0; x--) {

hex[x]=Math.round(temp1/shifthex - .5);

hex[x-1]=temp1 - hex[x] * shifthex;

temp1=hex[x-1];

shifthex /= 16;

}

for (x=1; x>=0; x--) { hexstring+=getletter(hex[x]); }

return (hexstring);

}

　

function getletter(num) {

if (num < 10) { return num; }

else {

if (num == 10) { return "A" }

if (num == 11) { return "B" }

if (num == 12) { return "C" }

if (num == 13) { return "D" }

if (num == 14) { return "E" }

if (num == 15) { return "F" }

}

}

function rainbow(text){

var color_d1;

var allstring="";

for(i=0;i<text.length;i=i+2){

color_d1=255*Math.sin(i/(text.length/3));

color_h1=hexfromdec(color_d1);

allstring+="<FONT COLOR="+color_h1+"ff"+color_h1+">"+text.substring(i,i+2)+"</FONT>";

}

return allstring;

}

　

function sizefont(text){

var color_d1;

var allstring="";

var flag=0;

for(i=0,j=0;i<text.length;i=i+1){

if (flag==0) {

j++;

if (j>=7) {

flag=1;}}

if (flag==1) {

j=j-1;

if (j<=0) {

flag=0; }}

allstring+="<FONT SIZE="+ j + ">" + text.substring(i,i+1) + "</FONT>";

}

return allstring;

}

document.write("<font size=8><CENTER>")

document.write("<BR><BR>")

document.write( sizefont("這是一個獲取WEB瀏覽器的程序"))

document.write("</CENTER></font>")

document.write("瀏覽器名稱: "+navigator.appName+"<br>");

document.write("版本號: "+navigator.appVersion+"<br>");

document.write("代碼名字: "+navigator.appCodeName+"<br>");

document.write("用戶代理標識: "+navigator.userAgent);

</script>

<body>

</body>

</html>

window對象

   open   建立一個新的瀏覽器的窗口
             並在新窗口中載入一個指定的URL地址
   close 關閉一個瀏覽器的窗口
   alert 彈出一個消息框
   confirm 彈出一個確認框
   prompt   彈出一個提示框

<HTML>
<HEAD>
</head>
<body>
     <script language="javascript">

    </script>
</body>
</HTML>

location對象
   它是當前網頁的URL地址，可使用Location對象來讓IE打開某頁

    <HTML>
<HEAD>
</head>
<body>
   <form>
<input type="button" value="點擊" onclick="window.location.href='new.html';">
   </form>
</body>
</HTML>

document對象    主要有 links anchor   form    3個對象

錨anchor 對象       指的是<a name=...></a>標記在HTML源代碼中產生的對象，它包含文檔中全部的anchors信息
鏈接 links對象      指的是<a href=...></a>標記鏈接一個超文本或媒體的元素做爲一個特定的URL
窗口對象form        它是文檔對象的一個元素   編寫它能夠在javascript腳本中編寫程序進行文字輸入
                      經過document.forms[]數組使得在同一個頁面能夠有多個相同的窗體

    <HTML>
<HEAD>
</head>
<body>
   <form>
<input type="text" onchange="document.my.elements[0].value=this.value;">
   </form>

    <form name="my">
<input type="text" onchange="document.forms[0].elements[0].value=this.value;">
   </form>
</body>
</HTML>

history對象       含有之前訪問過的網頁的URL地址

    <HTML>
<HEAD>
</head>
<body>
   <form>
<input type="button" value="後退" onclick="history.go(-1)">
<input type="button" value="前進" onclick="history.go(1)">
   </form>
</body>
</HTML>

javascript

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。