• 初识JavaSript-JavaScript主要特点,运用在HTML中的三种用法,基本语法


    ------------恢复内容开始------------

    JavaScript的主要特点:

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

    解释性:JavaScript不同于一些编译性的程序语言一样,它是一种解释性程序语言,其源代码不需要经过编译,而是直接在浏览器中运行时被解释

    基于对象:JavaScript是一种基于对象的语言,这就意味着它能运用自己已经创建的对象

    事件驱动:JavaScript可以直接对用户或客户输入作出响应,无需经过WEB服务程序。它对用户的响应是以事件驱动的方式进行的。事件驱动就是指在主页中执行了某种操作所产生的动作,此动作称为“事件”。例如,按下鼠标、移动窗口、选择菜单等都是可以视为事件。当事件发生后,可能会引起相应的事件相应。

    跨平台:JavaScript依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript的浏览器就可以正确执行

    安全性:JavaScript是一种安全性语言,不允许访问本地的磁盘,不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或者动态交互 目的:有效防止数据的丢失

    JavaScript的应用场景:

    • 验证用户输入内容
    • 动画效果
    • 窗口应用
    • 文字特效
    • jQuery效果
    • Ajax技术的应用

    JavaScript在HTML中的3种使用方法:

    • 在页面中直接嵌入JavaScript
    • 链接外部JavaScript文件
    • 作为特定标记的属性值使用

    在页面中直接嵌入JavaScript:

    <script type="text/javascript"></script>

    这里值得注意的是,在页面中直接嵌入JavaScript,

    1、我们要关注script标签插入到位置:

    <script>和</script>这一对标签既可以插入到head标签里面,也可以插入到body标签里面

    2、整个HTML文档中可以使用多个script标记,并且各个script标签中的JavaScript代码之间可以互相访问

    链接外部JavaScript文件:

    <script type="text/javascript" src="index.js"></script>

    作为特定标记的属性值使用:

    1.通过 “javascript:” 调用

    在 HTML 中,可以通过“javascript:” 的方式来调用JavaScript的函数或方法 示例代码如下:

    <a href="javascript:alert('您点击了这个超链接')">点击</a>

    在上述代码中使用了 “javascript:” 来调用 alert() 方法,但是该方法并不是在浏览器解析到“javascript:”时就立刻执行,而是在单击该超链接时才会执行

    2.与事件结合调用

    与事件结合可以调用执行JavaScript的方法或者函数 示例代码如下:

    <input type="button" name="" value="按钮" onclick="alert('您点击了这个按钮')">

    什么是事件?

    例如:单击鼠标左键、按下键盘、弹起键盘、移动鼠标等等都是事件

    这次我们用了 onclick 是单击事件,它的作用是单击对象时就会触发JavaScript的方法或者函数

    JavaScript基本语法

    • 执行顺序
    • 大小写敏感
    • 空格与换行
    • 每行结尾的分号可有可无
    • 注释

    执行顺序:JavaScript 程序按照在HTML文件中出现的顺序逐行执行 函数体内的代码,不会被立即执行,只有当所在函数被其他程序调用时,该代码才会被执行

    大小写敏感:HTML是不区分大小写的,例如:在JavaScript中,变量username与变量userName是两个不同的变量

    空格与换行符:

    在JavaScript中会忽略的东西:

    1、空格

    2、换行

    3、制表符

    注意:除非这些符号是字符串或正则表达式中的一部分.

    所以,我们可以在程序中使用这些特殊符号来进行排版,让代码便于阅读

    JavaScript中有个金句:换行即“断句”  意思就是换行能判断一个语句是否已经结束

    如以下代码表示两个不同的语句:

    a = 100
    return false
    return
    false

    每行结尾的分号可有可无:

    这里最大区别就是和Java了,我每天都会写分号(;),保持我创作的灵感,我(励志成为)是JAVA软件工程师. (;)会作为语句的结束标记. 在javaScript中,语句结束处没有分号,它就会自动将该行代码的结尾作为语句的结尾.

    例如下面,两行代码都是正确的

    alert('欢迎,添加我的QQ:3123215554,建站,搜索引擎优化排名,个人软件app,微信小程序,ios Mac应用开发外包业务,本人都统统拿下')
    alert('欢迎,添加我的QQ:3123215554,建站,搜索引擎优化排名,个人软件app,微信小程序,ios Mac应用开发外包业务,本人都统统拿下');

    建议每行代码的习惯就是添加(;)

    注释:

    // 这是单行注释
    
    /*
    这是多行注释
    哈哈哈哈哈哈
    ...
    */
    
    /* 多行注释在一行的表达 */

    基本这一篇文章就到这里了,下面是script标签的属性,script标签属于HTML的知识,大家要时常复习,温故知新

     注:有关script标签的属性值列在上面的图片中

    ------------恢复内容结束------------

  • 相关阅读:
    GODIAG GD801 ODOMETER里程改正指南车清单
    XTOOL A80 Pro(H6 Pro)使用提示+常见问题解答
    Vident IAUTO702 Pro 2012 Peugeot 308喷油器编码:是否支持?
    es创建模板
    docker 帮助信息
    聊聊白盒测试、黑盒测试
    Go 通过结构体指定字段进行排序
    Go语言 之结构体数组 赋值
    PHP中json_encode与json_decode
    golang sync WaitGroup
  • 原文地址:https://www.cnblogs.com/cmd5/p/13412796.html
Copyright © 2020-2023  润新知