javascript巩固

最新推荐文章于 2024-08-12 22:28:07 发布
最新推荐文章于 2024-08-12 22:28:07 发布
阅读量205 收藏
点赞数
文章标签： javascript js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/benben0729/article/details/80748891
版权

js


  • 你可以在 HTML 文档中放入不限数量的脚本。
  • 脚本可位于 HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中。
  • 通常的做法是把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。
    • 有的节点操作可能需要整个页面加载完成才能执行，所以将js代码放在页面底部
    • js代码要写在<script></script>标签对之间
    • 外部引入js时<script src=‘myScript.js’></script>


  • js输出
    • windows.alert()弹出警告框
    • document.write()方法将内容写到HTML文档中
    • innerHTML写入到HTML元素
      • document.getElementById("demo").innerHTML = "段落已修改。";
    • console.log()写入到浏览器控制台
  • js变量
    • js中使用var声明变量
      • var x=5；
    • 数组
      • [1,2,3,4]
    • 对象
      • {“a”:”11”,”b”,”22”}
  • Js折行
    • 使用’’\’’进行换行
  • js数据类型
    • 字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。
    • 需要注意的是undefined是指不含有值
    • 使用null,undefined都可以清空变量,需要注意的是null和undefined值相等，但是类型不同，’==’但不’===’
    • 使用new 声明变量例如 var a= new String;
  • Js函数
    • 函数声明 function functionname(){/*执行代码*/}
  • js作用域
    • 在函数内部没有使用var声明的变量都是全局变量
    • 生命周期
      • 局部变量在函数执行完之后销毁
      • 全局变量在页面关闭之后销毁
  • js中检测变量类型使用typeof varname，变量长度varname.length
  • js条件运算符 variablename=(condition)?value1:value2
  • 遍历对象
    • for（x in objname）{}
  • 正则表达式
    • exec()
    • test()
    • replace()
    • search()
  • Js设置断点 debugger；s
  • js严格模式，在脚本或函数头部添加“use strict”；表达式来声明
  • js中浮点数的精确度很难确定，举例来说
    • var x=0.1,y=0.2;if((x+y)==0.3);//返回的是false，使用乘除法解决这些问题
  • 在js中定义对象时，最后不能添加逗号，这点与python中有区别
  • 在 JavaScript 中, null 用于对象, undefined 用于变量，属性和方法
  • 对象只有被定义才有可能为 null，否则为 undefined
  • js与json
    • 将json数据转换为js对象 JSON.parse()
    • 将js转换为JSON字符串 JSON.stringify()
  • Javascript:void(0)可以用来定义死链接
    • <a href=“javascript:void(0);">点我没有反应的!</a>
  • 命名规则
    • 变量和函数为小驼峰法标识, 即除第一个单词之外，其他单词首字母大写（ lowerCamelCase）
    • 全局变量为大写 (UPPERCASE )
    • 常量 (如 PI) 为大写 (UPPERCASE )
  • 在js中有种函数叫自调用函数
    • 就是在函数表达式后面加一个()表示他是一个函数表达式
  • js DOM
    • 查找html元素
      • Document.getElementById(‘main’),id在一个html文档中时唯一的所以可以准确定位一个标签
      • document.getElementByClassName(‘intro’),返回的是一个数组
      • document.getElementBytagName(‘p’)，返回的也是一个数组
    • 改变html
      • 改变HTML内容 document.getElementById(id).innerHTML=新的 HTML
      • 改变HTML属性 document.getElementById(id).attribute=新属性值
      • 改变html样式 document.getElementById(id).style.property=新样式
    • 可以在js中对html标签添加事件<script> document.getElementById("myBtn").onclick=function(){displayDate()}; </script>
    • DOM中事件监听EventListerner
      • 语法 element.addEventListener(event, function, useCapture);
        • 第一个参数是事件的类型 (如 "click" 或 “mousedown”)
        • 第二个参数是事件触发后调用的函数
        • 第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的
        • 事件冒泡与事件捕获？假如<p>嵌入在<div>中
          • 冒泡，是内部元素<p>的事件先被触发
          • 捕获，外部元素<div>的事件会先被触发
      • 注意：不要使用 "on" 前缀。 例如，使用 "click" ,而不是使用 “onclick"
      • element.removeEventListener("mousemove", myFunction);移除由addEventListener()方法添加的事件句柄
  • js BOM
    • 计时事件
      • setTimeout(functionname（），毫秒时间戳) 延时器，指定时间后执行函数，只执行一次
      • setInterval(functionname(),毫秒时间戳)定时器，间隔指定事件执行一次函数，一直执行
    • 读取cookie
      • var x = document.cookie;
      • 并且可以通过修改document.cookie来修改cookie值
      • 删除cookie 只需将cookie中的expires参数值设置为以前事件即可


benben0729
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
巩固JavaScript（一）
weixin_46945119的博客
04-19 101
浏览器执行JS简介 浏览器分为渲染引擎和JS引擎 渲染引擎：用来解析HTML和CSS，也叫内核。 JS引擎：也叫JS解释器。用来读取网页中的JS代码，对其处理后运行。将JS高级语言编译成机器语言方便计算机执行。 逐行解释，所以JS被归为脚本语言。 HTML中使用双引号，JS中使用单引号 JavaScript输入输出语句 alert() 浏览器弹出警示框 console.log() 浏览器控制台输出信息 prompt() 浏览器弹出输入框，供用户输入 prompt取来的值是字符类型的 判断NaN的数据类
JavaScript入门
03-04
JavaScript是一种广泛应用于网页和网络应用的编程语言，它在浏览器端运行，为用户提供动态、交互式的...在"JavaScript-Beginner-main"这个压缩包文件中，可能包含了相关的教程、练习案例或项目，帮助你巩固这些知识。
重新巩固JS（三）——JavaScript语句
码飞_CC的博客
05-21 1360
文章目录1. 条件语句1.1 if else语句1.2 switch语句2. 循环语句2.1 while语句2.2 do while语句2.3 for语句2.4 for in语句3. 控制语句3.1 continue语句3.2 break语句4. 异常捕获语句5.with语句（不推荐使用） 重新巩固JS系列，都是比较基础的东西，可以进行查漏补缺，很快看完，这是第三篇。 其他JS重新巩固系列： 重...
js基础巩固
WYLo1378的博客
11-04 169
JS知识巩固 全局类型检查 const isOfType = (() => { const type = Object.create(null);//创建没有原型的对象 // 检查null类型 type.null = x => x === null; // 检查undefined类型 type.undefined = x => x === undefined; // 检查是否为undefined和null类型 type.nil
巩固JavaScript基础--js三个等号和两个等号的区别（==与===的区别）
舒小罗
07-25 198
JavaScript在设计时，有两种比较运算符： 第一种是==比较，两个等号我们称为等值符，它会首先对等号两边内容自动转换数据类型再比较 100==“100” //返回true 1==true //返回true “1”==“01” //返回false false == 0; // 返回true 第二种是===比较，两个等号我们称为等同符，当等号两边的值为相同类型的时候，直接比较等号两边的值，值相同则返回true
巩固js（一）词法结构
qq_42251135的博客
10-25 100
213
javascript基础巩固篇
m0_47048135的博客
10-29 295
javascript基础入门
JavaScript基础知识巩固
weixin_44164945的博客
03-01 147
JavaScript入门的基础知识练习 在培训班学习的时候，零基础的小白同学在进入第二阶段时总是入门很难，总想着能找一些最最基础的小练习做做，然后各种在网上找练习题，为了以后不那么麻烦，就想着找个地方记录一下。 打印一个直角三角形 九九乘法表 九九乘法表显示到表格 求0到100的和 – 判断数是奇数还是偶数 – 求奇数的和 – 求偶数的和 – 求能被2整除的整数 – 求能被3整除的整数...
JavaScript课程资料
10-18
在"lesson"系列的压缩包文件中，可能包含了这些主题的课件、代码示例、练习题和项目，旨在通过实践巩固理论知识，提升编程技能。学习者应逐步消化每个部分，不断练习，才能真正掌握JavaScript并应用于实际项目中。
javaScript测试题
06-29
这份"JavaScript测试题"针对在校大学生的复习和考试，涵盖了JavaScript的基础知识，旨在帮助学习者巩固和提升JavaScript编程技能。 首先，JavaScript是一种解释型的、基于原型的、动态类型的脚本语言。它的主要应用...
javascript_run
05-29
在JavaScript的世界里，"javascript_run"这一主题显然与运行JavaScript代码和实践经验紧密相关。CodeCombat是一个在线学习平台，...随着级别的提升，难度逐渐增加，促使学习者不断巩固和扩展他们的JavaScript知识体系。
javascript2.4
05-16
描述中的"第4天带回家作业"暗示我们可能要专注于实践应用，通过编写代码来巩固理论知识。作业可能包括解决实际问题，如创建动态网页效果、实现表单验证、与服务器进行数据交互等。这将有助于理解JavaScript如何在...
巩固JavaScript基础--对象方法
舒小罗
07-25 147
一、字符串对象方法 indexOf（）会搜索指定字符串出现的位置 var a = 'hello, JavaScript'; a.indexOf("JavaScript"); // 返回7 a.indexOf(”javaScript“); // 没有找到指定的子串，返回-1 substring() 返回指定索引区间的子串： var s = 'hello,JavaScript' s.substring(0, 5); // 从索引0开始到5（不包括5），返回'hello' s.substring(7);
Arco Design for Vue 3 - 快速上手指南与实战技巧
qq_42072014的博客
08-11 493
如果你在使用 TypeScript 时遇到了类型定义问题，确保你安装了正确的类型包，并且版本与 Arco Design 的版本相匹配。Arco Design for Vue 3 是一个非常强大的 UI 框架，它不仅提供了丰富的组件和功能，还有完善的文档和支持。通过本文，你已经掌握了如何快速上手 Arco Design，并学会了一些实用的技巧来提升你的开发效率。希望这些经验能帮助你在 Vue 3 的开发过程中更进一步！
Electron学习与总结
song854601134的博客
08-12 186
组成，‌其中Chromium负责渲染和显示Web页面，‌而Node.js则提供了主进程的功能，‌包括管理应用程序的生命周期、‌创建和控制浏览器窗口以及与操作系统交互。，‌Electron使得开发者能够保持JavaScript代码库的一致性，‌从而轻松地创建跨平台的应用程序，‌而无需具备本地开发经验。Electron的核心是由。
牛客JS题（三十四）监听对象
不起眼小菜菜的博客
08-10 416
注释很详细，直接上代码……
【Markdown】Markdown 中的语言简称
最新发布
EleganceJiaBao的博客
08-12 659
以下是常见编程语言、脚本语言、标记语言等在 Markdown 中的语言简称以及相应的示例：
【Vue3】图片未加载成功前占位
菜就多练
08-08 347
原生img标签可以通过自定义指令解决< template > < img class = " image_item-img " v-preload = " ' loading' " src = " https://xx " alt = " 加载失败 " /> < script setup > import {reactive } from 'vue' // 自定义图片占位 const vPreload = {
Ant-Design-Vue快速上手 指南+排坑（下）
Dingdangr的博客
08-10 466
确保你正确定义了校验规则。Ant Design Vue 3.x 及以上版本推荐使用Form.Item的rules属性来定义校验规则，这是一个数组，可以包含多个校验项。html复制代码label="用户名":rules="[{ required: true, message: '请输入用户名!' }, { min: 3, message: '用户名至少为3个字符!' }]"如果 Ant Design Vue 提供的校验规则不满足你的需求，你可以自定义校验规则。
JavaScript巩固与加强：从基础到应用
10. **作业**：提供了练习题目，帮助读者巩固所学知识。 这份笔记覆盖了JavaScript的基础知识，适合初学者或需要复习JavaScript基础知识的开发者。通过学习这些内容，读者将能够掌握JavaScript的基本用法，为编写...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值