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. C# WCF服务端搭建和客户端调用

    1) 打开Visual Studio 2012,在菜单上点击文件->新建->项目->WCF服务应用程序.在弹出界面的"名称"对应的文本框中输入"WcfS ...

  2. Winform简单调用WebApi

    WebAPI  Controllers public class SimuController : ApiController { //EF 5 BIM_GENERALDICTONARY_DBEnti ...

  3. 分布式搜索elasticsearch配置文件详解

    elasticsearch的config文件夹里面有两个配置文件:elasticsearch.yml和logging.yml,第一个是es的基本配置文件,第二个是日志配置文件,es也是使用log4j来 ...

  4. Maven对插件进行全局设置

    并不是所有插件都适合从命令行配置,有些参数的值从项目创建到发布都不会改变,或者很少改变,对于这种情况,在POM文件中一次性配置就显然比重复在命令行中输入要方便了. 用户可以在生命插件的时候,对插件进行 ...

  5. 禁止backspace键(退格键),但输入文本框时不禁止(兼容IE)

    Ext实现方式: Ext.getDoc().on('keydown',function(e){      if(e.getKey() == 8 && e.getTarget().typ ...

  6. 用CSS3写一个立方体

    <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content ...

  7. Aircrack-ng: (2) WEP & WPA/WPA2 破解

    作者:枫雪庭 出处:http://www.cnblogs.com/FengXueTing-px/ 欢迎转载 目录 一. WEP 破解 二. wpa/wpa2 破解 一. WEP 破解 注:步骤前,确保 ...

  8. Scala override

    var 变量不能在子类中重写,除非父类是抽象类 在抽象类中var变量不能赋初值 abstract class Person{ val name="" def name1=" ...

  9. 对iOS10新增Api的详细探究

    本文主要是一些对iOS新功能的探索,之前发现博客里关于iOS新功能的分析大多是过于概括,每个功能几句话,无法了解到具体的功能.所以本次的探索是基于Api层面,着重看一些具体用法所做的笔记,本来想分别画 ...

  10. android6.0的坑

    虽然现在android已经出了7.0了.但是大部分人用的应该还是5.0和6.0的. 其中对于开发者来说,变化比较大的应该是6.0之前和6.0之后的版本. 因为以6.0为分界线多了一个比较坑的东西:权限 ...