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

    你可能感兴趣的文章
    Nginx 学习总结(17)—— 8 个免费开源 Nginx 管理系统,轻松管理 Nginx 站点配置
    查看>>
    nginx 常用配置记录
    查看>>
    Nginx 我们必须知道的那些事
    查看>>
    Nginx 的 proxy_pass 使用简介
    查看>>
    Nginx 的配置文件中的 keepalive 介绍
    查看>>
    nginx 配置 单页面应用的解决方案
    查看>>
    nginx 配置~~~本身就是一个静态资源的服务器
    查看>>
    Nginx下配置codeigniter框架方法
    查看>>
    nginx添加模块与https支持
    查看>>
    Nginx的Rewrite正则表达式,匹配非某单词
    查看>>
    Nginx的使用总结(一)
    查看>>
    Nginx的是什么?干什么用的?
    查看>>
    Nginx访问控制_登陆权限的控制(http_auth_basic_module)
    查看>>
    nginx负载均衡的五种算法
    查看>>
    Nginx配置ssl实现https
    查看>>
    Nginx配置TCP代理指南
    查看>>
    Nio ByteBuffer组件读写指针切换原理与常用方法
    查看>>
    NI笔试——大数加法
    查看>>
    NLP 基于kashgari和BERT实现中文命名实体识别(NER)
    查看>>
    No 'Access-Control-Allow-Origin' header is present on the requested resource.
    查看>>