<template> <div> <div ref="msg">{{ message }}</div> <div>{{ message1 }}</div> <button @click="changeMessage">改变message</button> </div> </template> <script
动态创建元素： document.write：直接写入页面流，会导致页面重绘。 innerHTML和createElement相似，但执行效率不同。创建内容时若采取数组形式，innerHTML耗时优于createElement。 DOM重点核心： DOM对于元素操作：创建、增、删、改、查、属性操作、事件操作。 创建：1.document
信息录入 <style> * { margin: 0; padding: 0; } .tab1 { margin: 0 auto; text-align: center; } .inp { width: 120px; border-radius: 8px; } .tab1 tr { margin: 5px 0; } .title { color: #0000ff; } .ta
javascript简单练习 验证邮箱是否合法 <!DOCTYPE html> <html lang="en"> <head> <title>js-DOM编程-正则表达式验证登陆邮箱</title> <meta charset="UTF-8"> <style> *{ mar
1. 抽奖案例 功能： 页面：一等奖： 二等奖 ： 三等奖： 每次刷新都有对应的姓名获奖 而且不能重复获奖 原生 javascript 实现： 1. 声明一个数组names存放名字 2. 定义parseInt(Math.random() * names.length) 获取随机数组下标 3. 首
实现简单的信息录入系统： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wid
目录1.循环结构2.js内置函数3.节点4.事件 1.循环结构 2.js内置函数 3.节点 4.事件 1.循环结构 四种循环结构：（1）for循环 （2）while循环 （3）for in语句 （4）do while循环 for循环 点击查看代码 let arr = [10, 6, -8, 9, 4, -2, 7]; function num(num1, arr) { let
2022-07-13 第10组 蒋萍 JS笔记整理 “于是我们相爱，手心湿得像海” 哈哈哈哈哈，这话出自李诞的《笑场》
一.昨日复习： 1.针对一年中某一天，查询这一天是该年的第一天 优化做法： function getDays(year, month, day) { let count = 0; switch (month) { case 12: count += 30; case 11:
JavaScript （JS） 目录 JS概述 JS数据类型 逻辑判断/流程控制 循环 内置的函数 利用Document抓取HTML元素 事件 HTML标签互动 例题实操 JS概述 JavaScript：编程语言，脚本语言，依赖于某种容器来运行。 JS是运行在浏览器上的，可以帮助我们去控制页面。 Vue.js react.js jquery.js
知识点 JavaScript部分函数 Array： concat()：连接两个数组。 join()：设置分隔符连接数组成一个字符串。 pop()：删除最后一个元素。 sort()：排序 Global： isNaN()：判断一个值是不是数字。 parseInt()：转换成整数。 parseFloat()：转换成浮点数。 number()：转换成数值对象。 string()：转换成
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 @目录2022-7-12学习 第七组 刘昀航前情提要一、for循环二、for in循环三、while 和 do...while循环1.whiledo... while四、内置函数五、抓取html元素的方法六、事件练习： 2022-7-12学习 第七组 刘昀航 前情提要 sw
目录1.1函数名的命名规则1.1.1小驼峰式1.1.2大驼峰法1.2循环1.2.1 for循环1.2.2 for in 循环1.2.3 while循环1.2.4 do...while循环1.3 DOM(重点)1.3.1通过抓取HTML元素1.3.2改变元素的内容1.4事件1.5练习 今日重点：文档对象模型DOM、四种循环 知识点掌握情况：了解 学习心得：今天感觉
目录知识点掌握情况循环（理解） 抓取HTML元素（理解） 事件（理解）学习心情（心路历程)1. JavaScript(笔记2.0)1.1 函数命名方式1.2 循环（4种循环）1.2.1 for循环1.2.2 遍历（迭代）1.2.3 for in循环1.2.3 while 循环1.2.4 do...while循环1.2.5 死循环1.3操作DOM对象（重点）1.3.1 抓取HTML元素1.3.2 事
function typing(that) { that = typeof(that.length) == 'undefined' ? [that] : that; for(var i = 0; i < that.length; i ++) { let text = that[i]; let str = text.innerHTML; let index = 0; text.innerHTM
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>DOM编程-innerHTML和innerText操作div和span</title> <!-- 相同点：都是设置元素内部内容 innerHTML :会将后面的字符串当作一段HTML代码解释执行；
<body> <!-- 单双击事件 --> <input type="button" onclick="singleClick('龙')" ondblclick="doubleClick()" value="单双击"><br> <div id="d"></div> <button
集成准备 集成之前需要熟悉javascript、HTML语言及常用网页代码编辑软件，以便快速准确的集成相关功能界面。 若集成服务为IIS服务，则需添加部分MIME类型： 1、若控件包中含有web.config文件，那么编辑它，查看是否含有类型为".lic"和".svlx"的"mimeMap"标签，若有则跳过第二步； 2、找到IIS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d
显示数据的方法 window.alert()：弹出警告框 document.getElementById().innerHTML：根据id属性修改html内容 document.write()：将内容写到html文档中 比如： <h1> <script> document.write(Date()); </script> </h1> console.log()：输出到控制台
声明 该文部分代码和内容节选自菜鸟教程，仅用作个人学习，特此声明 链接：https://www.runoob.com/ 12、JavaScript运算符 运算符 = 用于给 JavaScript 变量赋值。 算术运算符 + 用于把值加起来。 y=5; z=2; x=y+z;//7 12.1 JavaScript算数运算符 下表中y=5 运算符 描述 例子 x
思维导图： 笔记： 1.innerText和innerHTML的区别 1)innerText不识别html标签，非标准，会去除空格和换行 2)innerHTML识别HTML标签，标准，保留空格和换行 2.设置表单属性 input.value
Javascript是web编程语言 本身这个和java类似，有的地方就没做笔记了，以后再补充吧 所有html页面都使用javascript页面 javascript非常容易学 html定义网页内容 css描述网页布局 javascript控制网页行为 javascript是网上最流行的脚本语言，可以用于html和web，广泛用于服务器，pc，手机
三种动态创建元素的区别 docment.write( ) element.innerHTML docment.createElement( ) 区别 docment.write( ) 是直接将内容写入页面的内容流，但是文档流执行完毕，则它会导致页面全部重绘 innerHTML 是将内容写入某个DOM节点，不会导致页面全部重绘 innerHTML 创建多个元素效率
