web js

1. JavaScript的发展历史(了解)

1995年   网景公司研发了第一个商用浏览器  js最开始出现的目的是为了解决表单提交

是布兰登艾奇 利用10天时间解决了表单提交问题  借鉴liveScript---JavaScript
JavaScript和Java有什么区别  

微软也研发浏览器  1995年 发布了IE3.0----自己研发了一个类似于js的东西
研发了一套标准:ECMAScript1.0  es1
现在用的最广泛的标准是ECMASCript5.0简称es5    ECMASCript6.0---简称es6

2. JavaScript介绍

2.1.网站组成

HTML--超文本标记语言---结构
CSS---层叠样式表-----样式
js---js脚本语言---网站交互

2.2.什么是JavaScript

==基于对象和事件驱动的解释性脚本语言==

  • 基于对象:JavaScript 是一种基于对象的语言,这意味着它能运用自己已经创建的对象,因此,许多功能可以来自脚本环境中对象的方法与脚本的相互作用。

  • 事件驱动:JavaScript 可以直接对用户或者客户输入做出响应,无须经过 web 服务器,它对用户的响应,以事件驱动的方式进行。

  • 解释性

    • 解释性:可以直接识别,读一行执行一行

    • 编译性:高级语言,c c++ ,先编译计算机能识别的,再执行(速度快)

    • 3.3.==JavaScript的特性==

基于对象
事件驱动 
解释性
跨平台

3.3.==JS的组成==

ECMASscipt:js的标准  这个标准里面有js的语法和常用对象
DOM  Document Object Modal  文档对象模型
BOM  Browser object Modal  浏览器对象模型

4.代码初识

4.1 JS引入方式

4.1.1 行间引入

 <!-- 第一种 行间引入 将js的语法直接写在开始标签上
         注意:双引号不能嵌套双引号  单引号也不能嵌套单引号  但是双引号和单引号可以相互嵌套
         onclick  鼠标点击事件
         alert("提示信息")  浏览器弹窗
         缺点:结构行为不分离  不方便后期维护
     -->
    <button οnclick="alert('今天周一')">提交</button>

4.1.2 内部引入

 <!-- 
        第二种 内部引入 
        js代码放在script标签中 script标签可以放在任意位置  代码的执行顺序是从上往下执行
        建议:一般放在head和body的末尾 是因为js一般都是操作标签 我们要确保标签先加载出来
        缺点:结构行为不分离
     -->
     <script>
        //浏览器弹窗
        alert("弹走弹走6")
        //操作div标签   操作p标签
    </script>

4.1.3 外部引入

<!-- 第三种 外部引入
             在外部创建js文件 通过script标签的src属性引入文件 src="js文件路径"
             注意:引入外部文件的script标签 里面不能再写其他的js脚本
    -->
    <script src="./1.js">
        // alert("没有弹走")  不要在这里面再写其他的js代码
    </script>
    <script>
        alert("没有弹走")
    </script>

4.1.4 语法规则与注释

<body>
   
    <!-- 注释
        单行注释 //  一行js代码  快捷键是ctrl+/
        多行注释 /*  多行js代码 */  快捷键是ctrl+shift+/
    -->
    <!-- js的语法
        1-每行语句后面要加;
        2-js中严格区分大小写,有时候会使用驼峰命名 fontSize
    -->

    <script>
        /*  */
        // 
        alerT("123");
    </script>
</body>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值