博客
关于我
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/

    你可能感兴趣的文章
    nslookup 的基本知识与命令详解
    查看>>
    NSOperation基本操作
    查看>>
    NSRange 范围
    查看>>
    NSSet集合 无序的 不能重复的
    查看>>
    NSURLSession下载和断点续传
    查看>>
    NSUserdefault读书笔记
    查看>>
    NS图绘制工具推荐
    查看>>
    NT AUTHORITY\NETWORK SERVICE 权限问题
    查看>>
    NT symbols are incorrect, please fix symbols
    查看>>
    ntelliJ IDEA 报错:找不到包或者找不到符号
    查看>>
    NTFS文件权限管理实战
    查看>>
    ntko web firefox跨浏览器插件_深度比较:2019年6个最好的跨浏览器测试工具
    查看>>
    ntko文件存取错误_苹果推送 macOS 10.15.4:iCloud 云盘文件夹共享终于来了
    查看>>
    ntp server 用法小结
    查看>>
    ntpdate 通过外网同步时间
    查看>>
    ntpdate同步配置文件调整详解
    查看>>
    NTPD使用/etc/ntp.conf配置时钟同步详解
    查看>>
    NTP及Chrony时间同步服务设置
    查看>>
    NTP服务器
    查看>>
    NTP配置
    查看>>