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 · 496 阅读 · 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 · 123 阅读 · 0 评论 -
JavaScript基础16-JS操作页面_获取页面标签
1、获取标签的方式通常,通过 JavaScript操作 HTML 元素,可以使用内置对象document的方法来找到该标签。。通过 id 找到 HTML 元素(常用) document.getElementById()通过标签名找到 HTML 元素 获取出来的是列表 getElementsByTagName()通过类名找到 HTML 元素(通过类名查找 HTML 元素在...原创 2019-10-22 18:28:04 · 334 阅读 · 0 评论 -
JavaScript基础15-JS操作页面_鼠标悬停和页面加载事件
本文介绍鼠标悬停和页面加载事件举例。onmouseover 鼠标悬停onmouseout 鼠标离开onLoad 页面加载鼠标悬停,弹出alert框。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>鼠标悬停事件</ti...原创 2019-10-22 18:09:04 · 603 阅读 · 0 评论 -
JavaScript基础14-JS操作页面_点击事件
前面都是介绍了JavaScript的基本语法,如果你有一门语言基础的话,这些基本语法很快就能学完并掌握,各种编程语言基本上是相同的。接下来,我们开始介绍用JavaScript处理一些web前端的事件;JS操作页面DOM简介通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model...原创 2019-10-22 17:58:33 · 646 阅读 · 0 评论 -
JavaScript基础13-局部变量和全局变量
本文来介绍全局变量和局部变量;1. 先看看全局变量全部变量定义在函数体外;<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>局部和全局变量</title> </head> <body> <scrip...原创 2019-10-22 17:44:34 · 89 阅读 · 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 · 80 阅读 · 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 · 95 阅读 · 0 评论 -
JavaScript基础10-运算符和条件语句
运算符算术运算符: +(加)、 -(减)、 *(乘)、 /(除)、 %(求余)赋值运算符:=、 +=、 -=、 *=、 /=、 %= 、++条件运算符:、=、>、>=、<、<=、!=、逻辑运算符:&&(而且 )、||(或者 )、!(否 )条件语句通过条件来控制程序的走向,就需要用到条件语句。if 语句var a = 199...原创 2019-10-22 14:01:43 · 166 阅读 · 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 · 1390 阅读 · 0 评论 -
JavaScript基础8_带有返回值的函数
有时,我们会希望函数将值返回调用它的地方。通过使用 return 语句就可以实现。在使用 return 语句时,函数会停止执行,并返回指定的值。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>函数的定义和调用</title> </h...原创 2019-10-21 22:55:33 · 406 阅读 · 0 评论 -
JavaScript基础7_带参的函数
前面一篇介绍了函数的定义和调用,本文继续了解函数的使用,写一个带参的函数。如果你认真学习了Python或者任何一种语言,发现JavaScript的基础知识几乎是互通的,很多是一样的,很好理解。如果没有任何语言基础,也没关系,先有一个概念的积累过程就好。带参数的函数:在调用函数时,您可以向其传递值,这些值被称为参数。这些参数可以在函数中使用。您可以发送任意多的参数,由逗号 (,) 分隔:&...原创 2019-10-21 22:47:43 · 368 阅读 · 0 评论 -
JavaScript基础6_函数的定义和调用
函数的定义和调用:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。记录下JavaScript中函数的定义和调用。JavaScript中采用关键字function来定义一个函数;函数体需要用一对大括号({})括起来<!DOCTYPE html><html> <head> <meta charset="utf-8"> &l...原创 2019-10-21 22:29:11 · 185 阅读 · 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 · 97 阅读 · 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 · 105 阅读 · 0 评论 -
JavaScript基础3_注释和语法
JavaScript的语法和Java语言类似,每个语句以;结束,语句块用{…}。但是,JavaScript并不强制要求在每个语句的结尾加;,浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上;。注释和语句第一种:单行双斜杠(//)第二种:多行注释(/* */)语句:有的语言也叫句柄,很多语句构成了代码块,JavaScript中语句需要以分号结束。<! DO...原创 2019-10-21 18:12:28 · 162 阅读 · 0 评论 -
JavaScript基础2_输出
JavaScript 没有任何打印或者输出的函数。JavaScript 显示数据JavaScript 可以通过不同的方式来输出数据:使用 window.alert() 弹出警告框。使用 document.write() 方法将内容写到 HTML 文档中。使用 innerHTML 写入到 HTML 元素。使用 console.log() 写入到浏览器的控制台。使用 window.a...原创 2019-10-21 17:26:25 · 188 阅读 · 0 评论 -
JavaScript基础1_简介和使用
简介:JavaScript 是脚本语言JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。用法:HTML 中的脚本必须位于 <script> 与 </script> 标签之间。放于head中:在本例中,我们把一个 JavaScript ...原创 2019-10-21 16:50:01 · 110 阅读 · 0 评论