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>

javascript总结的更多相关文章

  1. JavaScript之父Brendan Eich，Clojure 创建者Rich Hickey，Python创建者Van Rossum等编程大牛对程序员的职业建议

    软件开发是现时很火的职业.据美国劳动局发布的一项统计数据显示,从2014年至2024年,美国就业市场对开发人员的需求量将增长17%,而这个增长率比起所有职业的平均需求量高出了7%.很多人年轻人会选择编 ...

  2. javascript中的Array对象 —— 数组的合并、转换、迭代、排序、堆栈

    Array 是javascript中经常用到的数据类型.javascript 的数组其他语言中数组的最大的区别是其每个数组项都可以保存任何类型的数据.本文主要讨论javascript中数组的声明.转换 ...

  3. Javascript 的执行环境(execution context)和作用域(scope)及垃圾回收

    执行环境有全局执行环境和函数执行环境之分,每次进入一个新执行环境,都会创建一个搜索变量和函数的作用域链.函数的局部环境不仅有权访问函数作用于中的变量,而且可以访问其外部环境,直到全局环境.全局执行环境 ...

  4. 探究javascript对象和数组的异同，及函数变量缓存技巧

    javascript中最经典也最受非议的一句话就是:javascript中一切皆是对象.这篇重点要提到的,就是任何jser都不陌生的Object和Array. 有段时间曾经很诧异,到底两种数据类型用来 ...

  5. 读书笔记：JavaScript DOM 编程艺术（第二版）

    读完还是能学到很多的基础知识,这里记录下,方便回顾与及时查阅. 内容也有自己的一些补充. JavaScript DOM 编程艺术(第二版) 1.JavaScript简史 JavaScript由Nets ...

  6. 《Web 前端面试指南》1、JavaScript 闭包深入浅出

    闭包是什么? 闭包是内部函数可以访问外部函数的变量.它可以访问三个作用域:首先可以访问自己的作用域(也就是定义在大括号内的变量),它也能访问外部函数的变量,和它能访问全局变量. 内部函数不仅可以访问外 ...

  7. JavaScript权威指南 - 函数

    函数本身就是一段JavaScript代码,定义一次但可能被调用任意次.如果函数挂载在一个对象上,作为对象的一个属性,通常这种函数被称作对象的方法.用于初始化一个新创建的对象的函数被称作构造函数. 相对 ...

  8. JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome

    今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色.但是css ...

  9. JavaScript进阶之路（一）初学者的开始

    一:写在前面的问题和话 一个javascript初学者的进阶之路! 背景:3年后端(ASP.NET)工作经验,javascript水平一般般,前端水平一般般.学习资料:犀牛书. 如有误导,或者错误的地 ...

  10. 梅须逊雪三分白，雪却输梅一段香——CSS动画与JavaScript动画

    CSS动画并不是绝对比JavaScript动画性能更优越,开源动画库Velocity.js等就展现了强劲的性能. 一.两者的主要区别 先开门见山的说说两者之间的区别. 1)CSS动画: 基于CSS的动 ...

随机推荐

  1. hive中rcfile格式(收藏文)

    首先声明,此文是属于纯粹收藏文,感觉讲的很不错. 本文介绍了Facebook公司数据分析系统中的RCFile存储结构,该结构集行存储和列存储的优点于一身,在MapReduce环境下的大规模数据分析中扮 ...

  2. 修改eclipse运行内存的大小

    一.    尝试修改Eclipse.ini 文件 (此方法不行) 找到eclipse 目录下的eclipse.ini 文件,修改下面的内容: -Xms40m -Xmx512m 修改后重启eclipse ...

  3. Nginx使用Expires增加浏览器缓存加速

    Max-age是指我们的web中的文件被用户访问(请求)后的存活时间,是个相对的值,相对Request_time(请求时间). Expires它比max-age要麻烦点,Expires指定的时间分&q ...

  4. alhpa阶段回顾

    说明:本次课程,大家按照我下面列出来的问题进行回顾和反思,总结alhpa阶段以来的得失.每个组都要回答这些问题.由组长或者组员来回答都可以.目的依然是让大家养成软工的一些习惯和思维方式. 1.最初的需 ...

  5. VS工程里的文件都是啥？如何打包？ 2015-03-04

    打完补充:以下内容全部是我一家之言,只是愿意分享,内容如有不妥还请见谅. ====================================================== 刚才接收了一份代 ...

  6. Zend Studio

    下载地址:http://www.zend.com/en/products/studio/downloads#Windows 详情:http://baike.baidu.com/link?url=8rX ...

  7. HTML之电话: 邮箱: 网址

    <p> 电话: <a href="tel:电话">电话</a> </p> <p> 邮箱: <a href=&quo ...

  8. JS实现动态提示文本框可输入剩余字数(类似发表微博数字提示)

    一.实现效果: 为了更直观的体现用户在文本框输入文本时能看到自己输入了多少字,项目中需要通过判断提示文本框剩余可输入字数. html & JS: <div> <textare ...

  9. Hibernate一对多（注解）

    <?xml version='1.0' encoding='UTF-8'?> <!DOCTYPE hibernate-configuration PUBLIC "-//Hi ...

  10. 激活windows10 LTSB 2016

    激活windows10 LTSB 2016 slmgr /ipk DCPHK-NFMTC-H88MJ-PFHPY-QJ4BJ slmgr /skms kms.firadio.net slmgr /at ...