![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript基础
橘九。
进击的小白
展开
-
JavaScript基础18-JS操作页面_修改标签属性
1.操作属性的方法 1、“.” 操作 2、“[ ]”操作 2. 读取属性 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>获取页面标签</title> </head> <body> <input ...原创 2019-10-22 19:00:55 · 487 阅读 · 0 评论 -
JavaScript基础17-JS操作页面_操作标签内容
1.innerHTML 属性 获取元素内容的最简单方法是使用 innerHTML 属性。innerHTML 属性对于获取或替换 HTML 元素的内容很有用。 2. 读取节点文本 var odv1 = document.getElementById('box'); var content1 = odv1.innerHTML; alert(content1) 3. 写入节点文本 var odv1 =...原创 2019-10-22 18:35:07 · 116 阅读 · 0 评论 -
JavaScript基础16-JS操作页面_获取页面标签
1、获取标签的方式 通常,通过 JavaScript操作 HTML 元素,可以使用内置对象document的方法来找到该标签。。 通过 id 找到 HTML 元素(常用) document.getElementById() 通过标签名找到 HTML 元素 获取出来的是列表 getElementsByTagName() 通过类名找到 HTML 元素(通过类名查找 HTML 元素在...原创 2019-10-22 18:28:04 · 307 阅读 · 0 评论 -
JavaScript基础15-JS操作页面_鼠标悬停和页面加载事件
本文介绍鼠标悬停和页面加载事件举例。 onmouseover 鼠标悬停 onmouseout 鼠标离开 onLoad 页面加载 鼠标悬停,弹出alert框。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>鼠标悬停事件</ti...原创 2019-10-22 18:09:04 · 582 阅读 · 0 评论 -
JavaScript基础14-JS操作页面_点击事件
前面都是介绍了JavaScript的基本语法,如果你有一门语言基础的话,这些基本语法很快就能学完并掌握,各种编程语言基本上是相同的。接下来,我们开始介绍用JavaScript处理一些web前端的事件; JS操作页面 DOM简介 通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model...原创 2019-10-22 17:58:33 · 638 阅读 · 0 评论 -
JavaScript基础13-局部变量和全局变量
本文来介绍全局变量和局部变量; 1. 先看看全局变量 全部变量定义在函数体外; <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>局部和全局变量</title> </head> <body> <scrip...原创 2019-10-22 17:44:34 · 83 阅读 · 0 评论 -
JavaScript基础12-对象
1.创建对象 对象由花括号分隔。在括号内部, 方式一: objA = new Object(); 方式二:类式于python中的字典, var objA={}; 2. 对象属性 对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔: var objA={name : "python",age : 18,id :123}; 创建对象属性声明可横跨多行: var ...原创 2019-10-22 16:51:10 · 76 阅读 · 0 评论 -
JavaScript基础11-循环
循环 while循环 while(条件语句){ 循环体 } 案例循环弹出1-5 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>循环</title> </head> <body> <script t...原创 2019-10-22 16:31:33 · 93 阅读 · 0 评论 -
JavaScript基础10-运算符和条件语句
运算符 算术运算符: +(加)、 -(减)、 *(乘)、 /(除)、 %(求余) 赋值运算符:=、 +=、 -=、 *=、 /=、 %= 、++ 条件运算符:、=、>、>=、<、<=、!=、 逻辑运算符:&&(而且 )、||(或者 )、!(否 ) 条件语句 通过条件来控制程序的走向,就需要用到条件语句。 if 语句 var a = 199...原创 2019-10-22 14:01:43 · 149 阅读 · 0 评论 -
JavaScript基础9-函数中调用其他函数
JavaScript中函数中如何调用其他函数的基本写法和用法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>函数的定义和调用</title> </head> <body> <script type="tex...原创 2019-10-21 23:04:06 · 1364 阅读 · 0 评论 -
JavaScript基础8_带有返回值的函数
有时,我们会希望函数将值返回调用它的地方。 通过使用 return 语句就可以实现。 在使用 return 语句时,函数会停止执行,并返回指定的值。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>函数的定义和调用</title> </h...原创 2019-10-21 22:55:33 · 402 阅读 · 0 评论 -
JavaScript基础7_带参的函数
前面一篇介绍了函数的定义和调用,本文继续了解函数的使用,写一个带参的函数。如果你认真学习了Python或者任何一种语言,发现JavaScript的基础知识几乎是互通的,很多是一样的,很好理解。如果没有任何语言基础,也没关系,先有一个概念的积累过程就好。 带参数的函数: 在调用函数时,您可以向其传递值,这些值被称为参数。 这些参数可以在函数中使用。 您可以发送任意多的参数,由逗号 (,) 分隔: &...原创 2019-10-21 22:47:43 · 364 阅读 · 0 评论 -
JavaScript基础6_函数的定义和调用
函数的定义和调用: 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 记录下JavaScript中函数的定义和调用。JavaScript中采用关键字function来定义一个函数; 函数体需要用一对大括号({})括起来 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> &l...原创 2019-10-21 22:29:11 · 177 阅读 · 0 评论 -
JavaScript基础5_字符串
javaScript的字符串就是用’'或""括起来的字符表示。 如果’本身也是一个字符,那就可以用""括起来,比如"I’m OK"包含的字符是I,’,m,空格,O,K这6个字符。 如果字符串内部既包含’又包含"怎么办?可以用转义字符\来标识,比如: 'I\'m \"OK\"!'; 表示的字符串内容是:I’m “OK”! 转义字符\可以转义很多字符,比如\n表示换行,\t表示制表符,字符\本身也要...原创 2019-10-21 19:09:31 · 94 阅读 · 0 评论 -
JavaScript基础4_变量
值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。 引用数据类型:对象(Object)、数组(Array)、函数(Function)。 基本数据类型 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http...原创 2019-10-21 18:38:40 · 95 阅读 · 0 评论 -
JavaScript基础3_注释和语法
JavaScript的语法和Java语言类似,每个语句以;结束,语句块用{…}。但是,JavaScript并不强制要求在每个语句的结尾加;,浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上;。 注释和语句 第一种:单行双斜杠(//) 第二种:多行注释(/* */) 语句:有的语言也叫句柄,很多语句构成了代码块,JavaScript中语句需要以分号结束。 <! DO...原创 2019-10-21 18:12:28 · 154 阅读 · 0 评论 -
JavaScript基础2_输出
JavaScript 没有任何打印或者输出的函数。 JavaScript 显示数据 JavaScript 可以通过不同的方式来输出数据: 使用 window.alert() 弹出警告框。 使用 document.write() 方法将内容写到 HTML 文档中。 使用 innerHTML 写入到 HTML 元素。 使用 console.log() 写入到浏览器的控制台。 使用 window.a...原创 2019-10-21 17:26:25 · 161 阅读 · 0 评论 -
JavaScript基础1_简介和使用
简介: JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。 用法: HTML 中的脚本必须位于 <script> 与 </script> 标签之间。 放于head中: 在本例中,我们把一个 JavaScript ...原创 2019-10-21 16:50:01 · 103 阅读 · 0 评论