JavaScript和HTML的结合

JavaScript的认识

一:JavaScript概述
JavaScript是基于对象和时间驱动的脚本语言,主要应用于客户端。

  • 基于对象:提供好了很多的对象,可以直接拿过来使用。
  • 事件驱动:HTML做网站静态效果,JavaScript动态效果。
  • 客户端:专门指的是浏览器。
    二、JS的特点:
    (1)交互性:信息的动态交互
    (2)安全性:JS不能访问本地磁盘的文件
    (3)跨平台性:java里面的跨平台性用的是虚拟机,而JavaScript只要能够支持JS的浏览器,都可以运行。
    三:java和JavaScript的区别
    (1)JavaScript是基于对象的,java是面向对象。
    (2)java是强类型的语言,JS是弱类型的语言。
    四:JavaScript的组成:
    1、ECMAScript:ECMA是一个组织,欧洲计算机协会。它制定的JavaScript语法,语句。
    2、BOM:broswer object model浏览器对象模型。
    3、DOM:document object model文档对象模型
JavaScript和HTML的结合

第一种:使用一个标签


举例如下:



运行结果如下:


JavaScript和HTML的结合_第1张图片
输出结果

第二种结合方式:使用JavaScript标签,引入一个外部的js文件


        
    

js文件是:

//单行注释
/*
 * 多行注释
 */
alert("小漫画");

运行出来的结果和之前是一样的。

JS的原始类型和声明变量

1、原始类型(五个): String number Boolean null undifined(定义一个变量,变量为空)
2、定义变量都使用关键字var
eg:var string="nncinai";

script type="text/javascript" >
           var str="abc"
           alert(str);
           
       

运行结果:


JavaScript和HTML的结合_第2张图片
字符串

我们可以通过typeof运算符解决typeof对象类型判断问题,所有引用类型都是object
eg:

    var str="abcd";
            alert(typeof(str));
JavaScript和HTML的结合_第3张图片
String类型
JS语句

if switch for while do-while 都支持。
例子:
99乘法表:

document.write("")
            
                for(var i=1;i<=9;i++){
                    document.write("")
                    //循环列
                    for(var j=1;j<=i;j++){
                        //运算
                        document.write("")
                    }
                    document.write("")
                }
                document.write("
") document.write(j+"*"+i+"="+i*j); document.write("
")

你可能感兴趣的:(JavaScript和HTML的结合)