A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

javascript用来制作web页面交互效果,提升用户体验

轮播图   Tab栏  地图  表单验证

web三层
结构层    html  页面结构
样式层    css     美化页面
行为层   js         交互 用户体验


JavaScript 用法
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
外部的 JavaScript
也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
外部 JavaScript 文件的文件扩展名是 .js。
如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件:


JavaScript:改变 HTML 内容
  1定义按钮  onclick 触发事件

2 定义函数  找到元素 改变元素

<p id="demo">

JavaScript 能改变 HTML 元素的内容。
</p>
<script>
function myFunction()
{
        x=document.getElementById("demo");  // 找到元素
        x.innerHTML="Hello JavaScript!";    // 改变内容
}
</script>

<button type="button">点击这里</button>



您会经常看到 document.getElementById("some id")。这个方法是 HTML DOM 中定义的。
DOM (Document Object Model)(文档对象模型)是用于访问 HTML 元素的正式 W3C 标准。










JavaScript 显示数据
JavaScript 可以通过不同的方式来输出数据:
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。




JavaScript 字面量
数字(Number )  e代表后面几个0


NaN:结果不是一个数值 非数字     作用:用来表示数值一种不正常的状态 一般情况下会在计算出现错误的时候出现   判断当前的数据是否是NaN关键字
isNaN:    是一个非数字    如果结果是非数字 是true    如果结果是数字  是false

字符串(String)字面量 可以使用单引号或双引号:




加号的作用
两个字符串用加号连接   连接两个字符串
两个数值用加号连接   相加的作用
一个字符一个数值连接   表示连接

数组(Array)字面量 定义一个数组:

对象(Object)字面量 定义一个对象:

函数(Function)字面量 定义一个函数:


JavaScript 数据类型
JavaScript 有多种数据类型:数字,字符串,数组,对象等等:
var length = 16;                                  // Number 通过数字字面量赋值
var points = x * 10;                              // Number 通过表达式字面量赋值
var lastName = "Johnson";                         // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值

JavaScript 同样保留了一些关键字,这些关键字在当前的语言版本中并没有使用,但在以后 JavaScript 扩展中会用到。
JavaScript 关键字必须以字母、下划线(_)或美元符($)开始。
后续的字符可以是字母、数字、下划线或美元符(数字是不允许作为首字符出现的,以便 JavaScript 可以轻易区分开关键字和数字)。
以下是 JavaScript 中最​​重要的保留字(按字母顺序):
abstract        else        instanceof        super
boolean        enum        int        switch
break        export        interface        synchronized
byte        extends        let        this
case        false        long        throw
catch        final        native        throws
char        finally        new        transient
class        float        null        true
const        for        package        try
continue        function        private        typeof
debugger        goto        protected        var
default        if        public        void
delete        implements        return        volatile
do        import        short        while
double        in        static        with

JavaScript 变量
在编程语言中,变量用于存储数据值。
JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值:

JavaScript 语句标识符
JavaScript 语句通常以一个 语句标识符 为开始,并执行该语句。
语句标识符是保留关键字不能作为变量名使用。
下表列出了 JavaScript 语句标识符 (关键字) :



---------------------
【转载,仅作分享,侵删】
作者:前端小99
原文:https://blog.csdn.net/qq_41328247/article/details/80050137
版权声明:本文为博主原创文章,转载请附上博文链接!

1 个回复

倒序浏览
奈斯,感谢分享
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马