博客
关于我
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制作简单的学生成绩管理系统
    查看>>
    python制作甘特图的基本知识(附Demo)
    查看>>
    python制作一个简单的服务器,【Python】 做一个简单的 http 服务器
    查看>>
    Python到底能做什么?它的优点在哪?
    查看>>
    python利用pytorch库导出图像分割算子
    查看>>
    python利用pyshark监听网卡来抓包其中pyshark中摸索的一些可用参数
    查看>>
    python利用excel分析过杀漏失
    查看>>
    python判断汉字数目
    查看>>
    python判断文件是空的,如果是空的,就删除
    查看>>
    python判断密码是否正确_python密码判断是否符合要求的方法
    查看>>
    python判断字符串包含中文_Python 判断字符串是否包含中文
    查看>>
    python删除第一行_Python 乱码指北:一行删掉根目录
    查看>>
    Python删除列表元素的三种方法
    查看>>
    python初步学习-python数据类型-集合(set)
    查看>>
    python列表生成字典_Python中将字典转换为列表的方法
    查看>>
    python列表对应元素合并为列表及判断一个列表是几维
    查看>>
    python列表去重复后按照顺序_从包含不可共元素的Python列表中删除重复元素,同时保留顺序?...
    查看>>
    python列表前几个_python之列表
    查看>>
    python列表元组
    查看>>