zoukankan      html  css  js  c++  java
  • Html中的JavaScript


    一、历史简介:
    1995年由网景公司和sun公司职员Brendan·Eich共同开发的,sun公司是开发java的,但JavaScript跟Java没有任何关系。JavaScript的标准是ECMAScript 。2015年6月17日,ECMA国际组织发布了ECMAScript 的第六版,该版本正式名称为 ECMAScript 2015,但通常被称为ECMAScript 6 或者ES6。
    JavaScript是轻量级、弱类型、脚本语言。主要实现页面操作和数据交互。
    二、组成部分:
    1、ECMASCRIPT:基本语法规范
    2、DOM:文档对项模型(用于操作Html和css)
    3、BOM:浏览器对象模型(操作浏览器界面)

    三、js书写:
    1、行内样式:
    <div onclick = "alert('我是弹窗')">我是DIV</div>
    2、内部样式:
    一般写在body或head标签最后位置。通常写在body页面最后位置。
    <script>
    /*这里面是js内容*/
    </script>
    3、外部样式:
    一般用script标签配合src属性引用
    <script src="dome.js">
    /*标签中间不要写任何js内容,即使写也不会出现*/
    </script>
    注:行内样式不推荐使用,书写不方便,不利于重复使用;script理论上可以写到任何位置,但为了能更好执行,最好写到body最后面;引入外部样式后就不要写内部样式了。
    四、特殊情况:
    超链接中的href属性:想给href加js需要把href的值由链接写为"JavaScript:;"才能执行
    <a href='JavaScript:;'>去百度</a>
    <script>
    a.onclick = function(){
    window.location.href="http://www.baidu.com"
    }
    </script>
    /*定义超链接的跳转,并且能给超链接加样式*/
    五、基本语法:
    1、注释:
    单行注释:// 双斜杠,仅能注释一行,第二行需要重新注释
    多行注释:/**/跟css注释一样
    vs code快捷键ctrl+/
    2、语法:
    声明变量的关键字,例如:var
    var a1 = 200;
    中a1位置不能写中文、不能数字开头、不能使用保留词和关键词、区分大小写、见名知意、可使用拼音,但不能拼音缩写。
    一般以字母和下划线开头,最好采用驼峰式写法。
    (大驼峰:每个单词首字母大写;小驼峰:第二个单词大写)
    六、变量:

    存在内存之中的带有名称的容器,其中存储的数据在执行过程中是可以改变的。实际上就是一个存储数据的容器所有计算机程序数据都存在变量中。
    1:布尔值(bool):判断数据真(true)、假(false)。true和false需要小写。
    var d = true;
    var e = false;
    console.log(d,e)huozhe1console.log(true,false)
    2、字符串:string或str来表示,意思为字符,不是变量。需要用引号包裹
    var a=北京;                                     /*错误写法*/
    var a="北京";                                  /*正确写法*/
    var a=123                                       /* 123代表变量123数值*/
    var a="123"                                    /* 123代表字符串*/
    var a="123说"我是123""                 /*错误写法*/
    var a='123说'我是123''                  /*错误写法*/
    var a='123说"我是123"'                  /*正确写法*/
    var a="123说'我是123'"                  /*正确写法*/
    注:字符串需要加引号,引号嵌套问题最外层可用双引号或单引号分别嵌套,不能一个引号写完。
    多层嵌套ES6中会介绍
    3、字符串拼接:将两个或多个字符串拼成一个字符串,用+号表示:
    var str1="字符串1"
    var str2="字符串2"
    var str3="字符串3"
    var strn="字符串n"
    var strm=str1 + str2 +str3 +strn
    console.log(strn);
    /*输出结果为字符串str1、str2、str3、strn连在一起的结果*/
    如果想要换行,中间添加"<br>"
    var str1="字符串1"
    var str2="字符串2"
    var str3="字符串3"
    var strn="字符串n"
    var strm=str1 + "<br>" + str2 +str3 +strn
    console.log(strn);
    /*将str1和str2中间加一个换行*/
    4、数值类型:整数、小数、NaN 三种
    A、整数:二进制(前面加0b)、十进制(正常书写)、十六进制(前面加0x)
    var a1=0b0101;/*输出为二进制*/
    进制转换:toString 其中S大写
    console.log(a1.toString(10))/*转为输出为10进制的,中间数值2、10、16分别代表进制*/
    B、浮点数:也叫小数,float表示,有效值最高17位(整数+小数共17位)
    浮点存在误差,不是准确值,是近似值,只要在计算机中,是浮点就会存在误差。
    EX:经典面试题:
    console.log(0.1+0.1==0.2)
    console.log(0.2+0.2==0.4)
    console.log(0.3+0.3==0.6)
    答:这是错误的写法,在实际工作中根本不会这样用,因为浮点存储有问题,直接执行会造成精度溢出或丢失,造成误差,将浮点转化后才高精度浮点进行运算才是比较合理的。
    C、科学计数法:e表示
    2 e 3即表示2*10*10*10
    2 e -3即表示2/10/10/10
    D、NaN下有两个值
    undefined表示应该有数值,但是没有数值,
    null表示有数值,但数值为空
    例如:
    var a1;输出为a1,结果为undefined
    var a2=null;输出为a2,结果为null
    总结:true、false、undefined、null、NaN在js中表示一种数值。赋值时必须遵守大小写,且不能带引号,带引号就变成了字符串。

    A True Master Is An Eternal Student(真正的大师总是怀着一颗学徒的心) ------(Master Yi)
  • 相关阅读:
    学习 Message(18): WM_SYSCOMMAND 消息[二] : LParam 参数
    学习 Message(20): WM_SYSCOMMAND 消息[四] : 使最大最小化按钮失效
    学习 Message(16): 测试 $0118 号消息
    学习 Message(15): 让窗体同时响应键盘事件的方法
    学习 Message(17): WM_SYSCOMMAND 消息[一]
    请教大家, 关于 $0118 号消息
    学习 Message(21): WM_SYSCOMMAND 消息[五] : 点击关闭按钮让窗体最小化
    学习 Message(22): WM_SYSCOMMAND 消息[六] : 系统菜单综合操作示例
    根据颜色值获取颜色常量名: ColorToIdent
    “博客无双”第二期拍卖活动将于2011年1月26日14:00开始
  • 原文地址:https://www.cnblogs.com/karl-kidd/p/12450960.html
Copyright © 2011-2022 走看看