博客
关于我
HTML--JS基础知识
阅读量:275 次
发布时间:2019-03-01

本文共 1411 字,大约阅读时间需要 4 分钟。

JavaScript核心特点

  • 交互性:JavaScript的核心优势在于能够实现信息的动态交互,能够通过脚本与用户进行对话。
  • 安全性:JavaScript运行在浏览器中,脚本无法直接访问本地硬盘,提高了运行时的安全性。
  • 跨平台性:只要浏览器支持JavaScript,就可以在任意平台运行,不受操作系统影响。
  • JavaScript的使用方法

  • 内置脚本:在HTML的<head><body>标签中使用<script>标签嵌入脚本。
  • 外部脚本:通过<script>标签的src属性引入外部的JavaScript文件。
  • JavaScript变量类型

  • 数据类型:包括numberstringobjectbooleanfunction等。
  • 特殊值
    • undefined:变量未赋值时默认值。
    • null:表示空值。
    • NaN:表示非数值。
  • JavaScript运算符

  • 比较运算符
    • ==:比较值是否相等(类型转换后比较)。
    • ===:比较值和类型是否相等。
  • 数组操作

  • 数组扩容:数组会根据最大索引自动扩容。
  • 数组操作示例
    var arr = [];arr[0] = 12;arr[2] = "abc";alert(arr.length); // 输出3
  • 函数定义与调用

  • 函数定义
    function f(a, b) {    return a + b;}
  • 函数调用
    alert(f(1, 2));
  • 函数参数

  • 隐形参数arguments:可用于获取所有函数参数。
  • 示例
    function f(a, b) {    alert(arguments[0]);    alert(arguments[1]);    alert(arguments.length); // 输出2}f(1, 2);
  • 自定义对象

  • 对象定义
    var a = {    name: "Tom",    age: 12};
  • 对象属性访问
    alert(a.name + "-----" + a.age); // 输出"Tom-----12"
  • 事件处理

  • 常用事件类型

    • onclick:按钮点击事件。
    • onload:页面加载完成事件。
    • onchange:输入框内容改变事件。
  • 事件注册方式

    • 静态注册:
    • 动态注册:
      var btn = document.getElementById("btn");btn.onclick = function() {    alert("按钮被点击了");};
  • getElementsByName练习

  • 查询多个元素
    function oncheck() {    var one = document.getElementsByName("test");    for (var i = 0; i < one.length; i++) {        one[i].checked = true;    }}
  • HTML实现
  • 节点操作

  • 常用方法
    • getElementsByTagName:获取指定标签的所有节点。
    • appendChild:将节点添加到指定位置。
    • innerHTML:获取或设置元素内容。
  • 总结

    通过以上内容,可以全面了解JavaScript的基本特性及其在Web开发中的应用。从变量类型到事件处理,再到数组和对象操作,JavaScript为开发者提供了强大的工具来构建动态交互的Web页面。

    转载地址:http://nhca.baihongyu.com/

    你可能感兴趣的文章
    Node-RED中解析高德地图天气api的json数据显示天气仪表盘
    查看>>
    Node-RED中连接Mysql数据库并实现增删改查的操作
    查看>>
    Node-RED中通过node-red-ui-webcam节点实现访问摄像头并截取照片预览
    查看>>
    Node-RED中配置周期性执行、指定时间阶段执行、指定时间执行事件
    查看>>
    Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度
    查看>>
    Node-RED怎样导出导入流程为json文件
    查看>>
    Node-RED订阅MQTT主题并调试数据
    查看>>
    Node-RED通过npm安装的方式对应卸载
    查看>>
    node-request模块
    查看>>
    node-static 任意文件读取漏洞复现(CVE-2023-26111)
    查看>>
    Node.js 8 中的 util.promisify的详解
    查看>>
    node.js debug在webstrom工具
    查看>>
    Node.js RESTful API如何使用?
    查看>>
    node.js url模块
    查看>>
    Node.js Web 模块的各种用法和常见场景
    查看>>
    Node.js 之 log4js 完全讲解
    查看>>
    Node.js 函数是什么样的?
    查看>>
    Node.js 函数计算如何突破启动瓶颈,优化启动速度
    查看>>
    Node.js 切近实战(七) 之Excel在线(文件&文件组)
    查看>>
    node.js 初体验
    查看>>