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

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

JavaScript核心特点

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

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

  • 数据类型:包括number、string、object、boolean、function等。
  • 特殊值:
    • 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/

    你可能感兴趣的文章
    Python 多处理:在第一个子错误时中止映射
    查看>>
    Python 多处理不断产生 pythonw.exe 进程而不做任何实际工作
    查看>>
    Python 多处理从不加入
    查看>>
    Python 多处理如何优雅地退出?
    查看>>
    Python 多处理将子进程的标准输出重定向到 Tkinter 文本
    查看>>
    Python 多处理库错误(AttributeError:__exit__)
    查看>>
    Python 多处理模块的 .join() 方法到底在做什么?
    查看>>
    python 多线程与GIL
    查看>>
    Python 字符串总结
    查看>>
    python 字符串显示中文_Python字符串开头的b"、u"、r"与中文乱码
    查看>>
    Python 字符串的几种拼装方式
    查看>>
    python 存入数据库bigint_python基础_MySQL的bigint类型
    查看>>
    python 学习 面向对象编程
    查看>>
    Python 安装程序:“写入文件 C:\Python27\pythonw.exe 时出错“
    查看>>
    Python 无法安装包
    查看>>
    Python基础:集合与文件操作
    查看>>
    Python基础:搭建开发环境(1)
    查看>>
    PYTHON基础:如何阅读N个整数,直到#39;
    查看>>
    Python基础:11变量作用域和闭包
    查看>>
    Python基础: with模式和__enter__ 和 __exit__
    查看>>