javascript总结

 javascript:它是一种script脚本语言
           脚本语言:就是可以和HTML混合在一起使用的语言,可以用来在IE的客                    户端进行程序编制,从而控制浏览器等对象的操作
 javascript:它是一种基于对象和事件驱动并具有安全性能的脚本语言
             使用它的目的是与HTML一起实现在一个WEB页面中与WEB客户交互
 特点:   是一种脚本语言 采用小程序段的方式实现编程
          是基于对象的语言
          简单性  它是基于JAVA基本语句和控制流之上的简单而紧凑的设计
          安全性   它不允许访问本地硬盘,而不能将数据存入到服务器上
                   不能对网络文件进行修改和删除 只能动态的交互
          动态性   直接对用户或客户输入做出响应 是采用事件驱动的方式进                   行的
          跨平台性  javascript是依赖于IE本身,与操作环境无关
                    只要能运行IE的计算机,并支持JAVASCRIPT的IE就可正确                    执行
<HTML>
  <HEAD>
    <script language = "JavaScript">
      <!--对较早的浏览器隐藏脚本
       alert("hello!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">
      <!--对较早的浏览器隐藏脚本
      greeting="<h1>hello the world</h1>";
      welcome="<p>welcome to <cite>javascript</cite></p>";
      -->
    </script>
  </head>
  <body>
     <script language="javascript">
    <!--
       document.write(greeting);
       document.write(welcome);
      -->
    </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">
    <!--—
            function f(y)
            {
                   var x=y*y;
                   return x;
             }
           -->
    </SCRIPT>
</HEAD>
<body>

    <SCRIPT language="JavaScript">
        <!--
                 x=3;
                 y=f(x);
                 document.write(y);
        -->
        </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">
<!--
   WINDOW.OPEN("new.html","newwindow","height=400, width=400,top=100,left=100,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no")
-->
    </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>


 
 

原文地址:https://www.cnblogs.com/pengleibin-1993/p/5750876.html