1、脚本的基本结构如下:

<script language="JavaScript">
<!--JavaScript语句;-->
</script>

提示:一般将核心脚本语句放置在标签<head>...</head>之间。

document.write()方法用于页面输出显示信息。

问题:为什么浏览器显示的脚本的内容而不是脚本执行的结果? 
     答:a、遗漏开始或结束的<script>。b、扩展名不是.html或.htm。c、浏览器不支持JS脚本。

2、执行原理: 
  客户端请求含JavaScript的页面

  从服务器端下载含JavaScript的页面  

  客户端解析HTML标签和JavaScript脚本

3、基本语法: 
     ·var 合法的变量名; 
        变量名不能使用关键字。多个变量可以用逗号分隔。

   运算符号与Java中相同

    if(表达式){}else{}

  for(初始化;条件;增量或减量){}

    while(条件){}

    switch(表达式) 
          {case 常量值1:JavaScript语句;

     case 常量值2:JavaScript语句;

    default:JavaScript语句;

    } 
       类型:number/null/boolean/string/object/undefinde

  类型转换:掌握parseFloat()和parseInt()函数。

   重点定义函数:function 函数名(参数列表){}

    注:也可以没有参数 
               调用函数:事件名="函数名()" 
               获取表单数据:document.表单名.表单元素名.value

    示例1:function calcu() { 
             var numb1=document.calc.num1.value;

      var numb2=document.calc.num2.value;

      var total=parseFloat(numb1)*parseFloat(numb2);

      document.calc.result.value=total;       }        

<form name="calc"> 

       <input name="result" type="text" size="15"> 
       <input name="getAnswer" type="button" id="getAnswer" onClick="calcu()">

</form>

    示例2:打印倒金字塔直线

      var i =25;

        while(i>0){ 
                                  docment.write("<hr align=center width="+i+"%>");

            i=i-5;


               for(var j=5;j<30;j=j+5){ 
                                  docment.write("<hr align=center width="+j+"%>"); 
                          } 定义函数时注意: 
        形式参数:定义函数时为函数定义的参数,它代表参数的类型和位置。

     实际参数:调用函数时传递给函数的参数值。

     调用时:把实参的值传递给形参。

函数名严格区分大小写。

多个参数用逗号隔开,要调用函数时,必须为逗号隔开的每个参数指定类型兼容的值。

如果需要返回结果,使用return语句。

JavaScript的基本语法的更多相关文章

  1. javascript的基本语法、数据结构

    本篇学习资料主要讲解javascript的基本语法.数据结构      无论是传统的编程语言,还是脚本语言,都具有数据类型.常量和变量.运算符.表达式.注释语句.流程控制语句等基本元素构成,这些基本元 ...

  2. JavaScript编程:javaScript核心基础语法

    1.javaScript核心基础语法: javaScript技术体系包含了5个内容:          1.核心语言定义:          2.原生对象和雷子对象:          3.浏览器对象 ...

  3. 【JavaScript的基本语法】

    [JavaScript的基本语法 ] 1.javascript输出 JavaScript语句向浏览器发出的命令.语句的作用是告诉浏览器该做什么. <script>      documen ...

  4. Javascript和Jquery语法对比总结

    目的 相信大家都知道jq是js的一个类库,是为了方便我们开发前端,但是笔者在刚开始学习js和jq时经常将两者的语法记混和混用,所以整理下两者实现相同功能之前的语法区别. 声明变量 javascript ...

  5. (2)javascript的基本语法、数据结构、变量

    本篇学习资料主要讲解javascript的基本语法.数据结构.变量      无论是传统的编程语言,还是脚本语言,都具有数据类型.常量和变量.运算符.表达式.注释语句.流程控制语句等基本元素构成,这些 ...

  6. 完整的JavaScript包括三部分、script标签、JavaScript的基本语法以及变量和字面量的关系

    完整的JavaScript包括三大部分: -ECMAScript   JavaScript的开发规范:提供核心语言功能 -DOM   document object model   文档对象模型:提供 ...

  7. JavaScript类型和语法

    JavaScript类型和语法 一.类型 1.内置类型(null.undefined.boolean.number.string.object.symbol(es6中新增))(除对象之外,其它统称为基 ...

  8. JavaScript的基础语法及DOM元素和事件

    一,JavaScript是什么? 1,JavaScript简称:js,是一种浏览器解释型语言,嵌套在HTML文件中交给浏览器解释执行.主要用来实现网页的动态效果,用户交互及前后端的数据传输等. 2,J ...

  9. javascript基础一语法和常用函数

    1语法 1.1引入的方式 在html中引入javascript,使用script标签,在html页面中包括外部引入js方式和在html内部引入js方式.如下两种: 方式一: <script ty ...

随机推荐

  1. STM32F746的RTC使用

    1.RTC模块采用低速晶振外接始终:32.768KHz,如下图所示 2.配置RTC模块: 其中,Fck_apre.Fck_spre始终上配置不容易理解, 如果想得到1Hz的始终频率,则需要将PERDI ...

  2. 【手记】调用Process.EnterDebugMode引发异常:并非所有引用的特权或组都分配给呼叫方

    刚上线一个新版本,其中有台电脑打开软件就报[xx的类型初始值设定项引发异常](还好不是一大波电脑,新东西上线就怕哀鸿遍野),如图: 显然是该类型的静态构造函数中抛异常了(红线处就是类名),遂打开该类, ...

  3. svn 提交代码报错

    svn 提交代码报错 最近新安装了TortoiseSvn 1.92,在上传代码,其中有新增加的文件,出现如下错误: 解决方法: 1.用vs生成patch文件 2.生成的patch文件中讲nonexis ...

  4. php调用web service接口(.net开发的接口)

    实例代码1: try { $this->soapClientObj = new SoapClient(self::URL . '?wsdl', array('connection_timeout ...

  5. Linux网络查看命令

    1.ifconfig 查看当前生效的网卡. 2.ifdown ifup 网卡禁用与启动. 3.netstat -tuln 查看当前tcp/udp通讯端口连接情况. 4.netstat -an 查看当前 ...

  6. js模仿ios select效果

    github:https://github.com/zhoushengmufc/iosselect webapp模仿ios下拉菜单 html下拉菜单select在安卓和IOS下表现不一样,iossel ...

  7. 7个高性能JavaScript代码高亮插件

    本文由码农网 – 小峰原创,转载请看清文末的转载要求,欢迎参与我们的付费投稿计划! 对于喜欢写技术博客的同学来说,一定对代码高亮组件非常熟悉.一款优秀的JavaScript代码高亮插件,将会帮助你渲染 ...

  8. Atitit.web ui  组件化 vs  mvc

    Atitit.web ui  组件化 vs  mvc   组件化  与 mvc并不矛盾..单双方适用的地方有所不同.. React推荐以组件的方式去重新思考UI构成,将UI上每一个功能相对独立的模块定 ...

  9. [Erlang 0125] Know a little Erlang opcode

    Erlang源代码编译为beam文件,代码要经过一系列的过程(见下面的简图),Core Erlang之前已经简单介绍过了Core Erlang,代码转换为Core Erlang,就容易拨开一些语法糖的 ...

  10. Apache的详细安装教程和遇到的问题解决方案

    Apache是世界使用排名第一的Web服务器软件.它可以运行在几乎所有广泛使用的计算机平台上,由于其跨平台和安全性被广泛使用,是最流行的Web服务器端软件之一 (一)Apache安装软件下载 1.访问 ...