![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
OVO_LQ_Start
一个弱小的菜鸟在瑟瑟发抖
展开
-
JavaScript JSON设置table中的tbaby
简单案例点击员工信息按纽,显示员工信息。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript">...原创 2020-03-01 21:05:42 · 114 阅读 · 0 评论 -
JavaSricpt JSON相关的eval函数
eavl函数1.作用:将一段字符串当作一段js代码执行。2.eval函数和JSON配合使用。在java连接数据库,查询数据之后,将数据在java程序中拼接成JSON格式的“字符串”,将JSON格式的字符串响应到浏览器。也就是说响应到浏览器的仅仅时一个JSON格式的字符串,还不是一个对象。可以使用eval函数,将JSON格式的的字符串转换为一个JSON对象。<script type...原创 2020-03-01 20:25:30 · 160 阅读 · 0 评论 -
JavaScript JSON的使用
JSONJSON对象的创建1.创建JSON对象(也称为无类型对象)var studentObj = { "sno":"110", "sanme":"张三", "sex":"男" } alert(studentObj.sno+","+studentObj.sanme+","+studentObj.sex);2.JSON数组的创建var stuobjs = [...原创 2020-03-01 18:12:12 · 132 阅读 · 0 评论 -
JavaScript BOM编程
打开和关闭新窗口... input type="button" value="开启新窗口" onclick="window.open('http://www.baidu.com');" /> <input type="button" value="开启当前窗口" onclick="window.open('http://www.baidu.com','_self');" /&...原创 2020-03-01 17:30:12 · 159 阅读 · 0 评论 -
JavaScript DOM编程之Array对象
创建数组对象的方式var arr = [1,2,3,"text","aa"];var arr1 = new Array(1,2,3);自动扩容var arr = [1,2,3,"text","aa"];arr[7] = "id"; for(var i=0;i<arr.length; i++){ document.write(arr[i]+"<br/>")...原创 2020-03-01 15:21:28 · 193 阅读 · 0 评论 -
JavaScript DOM编程之显示网页时钟(内置对象Date)
案列点击显示按钮显示系统时间,系统时间一直走。点击停止按钮停止系统时间。<script type="text/javascript"> //自定义时间格式 var t = new Date(); var year = t.getFullYear(); var month = t.getMonth(); //var dayO...原创 2020-03-01 14:38:25 · 249 阅读 · 0 评论 -
JavaScript DOM编程之获取下拉列表中的value
简单案例 <body> <script type="text/javascript"> window.onload = function(){ document.getElementById("pcode").onchange = function(){ alert(this.value); } } ...原创 2020-03-01 14:33:30 · 149 阅读 · 0 评论 -
JavaScript DOM编程之复选框的取消和全选
案列当选中第一个复选框时,下面复选框全部选中,取消时,全部取消。并且当下面复选框全部选中时,第一个复选框选中,其他的没有全部选中时,第一个取消。document.getElementById(“firstChk”).checked获取复选框的值,选中为true;var otherChks = document.getElementsByName(“otherChk”);返回一个数组;&l...原创 2020-03-01 13:01:50 · 199 阅读 · 0 评论 -
JavaScript DOM编程之form表单提交
普通表单提交案例需求<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> span{ color: red; font-s...原创 2020-02-29 21:39:36 · 319 阅读 · 0 评论 -
JavaScript DOM编程之去除前后空白字符串
浏览器支持trim函数使用trim函数可以消除前后空白字符串<body> <script type="text/javascript"> window.onload = function(){ document.getElementById("btn").onclick = function(){ var username = documen...原创 2020-02-29 19:22:24 · 255 阅读 · 0 评论 -
JavaScript DOM编程之正则表达式
正则表达式常见的正则表达式正则表达式的使用1.创建正则表达式对象var regExp = /正则表达式/;var regExp = new RegExp("正则表达式","flags");关于flags:g:全局匹配i:忽略大小写m:多行搜索,当前面的是正则表达式的时候,m不能用,当前面是普通字符串的时候,m才能用2.使用正则表示式对象的test方法,返回结果为true ...原创 2020-02-29 18:07:58 · 122 阅读 · 0 评论 -
JavaScript DOM编程之innerHTML和innerText操作div和span
innerHTML和innerText属性相同点:都是设置元素内部的内容不同点:innerHTML,会把后面的“字符串”当作一段html代码来解释并执行。innerText ,即使后面时一段html代码,也只是将其当作普通的字符串来看待。<head> <meta charset="UTF-8"> <title></title> ...原创 2020-02-29 16:14:34 · 270 阅读 · 0 评论 -
JavaScript DOM编程之获取文本框的value
使用this关键字this代表当前标签的对象。<input type="text" onblur="alert(this.value)" />其他方式案例一:点击按钮,获取文本框的value,在页面中显示。案例二:点击按钮,将第一个文本框的值赋值到第二个文本框当中。<body> <script type="text/javascript"> ...原创 2020-02-29 16:08:59 · 924 阅读 · 0 评论 -
javaScript js代码执行顺序和键盘捕捉
js代码执行顺序js代码在浏览器打开的时候就开始自上而下依次执行,所以可能发生js代码已经执行,而标签未执行,js代码获取不到标签。所以我们应该让js代码在所有东西加载完毕的时候执行。注意:只要是标签中的属性,我们都可以用.来使用。<body> <script type="text/javascript"> window.onload = function...原创 2020-02-28 20:01:56 · 152 阅读 · 0 评论 -
JavaScript事件注册的两种方式
直接在标签中使用事件句柄回调函数,对于当前程序来说,sayhello函数被称为回调函数(callback函数)回调函数的特点,自己把函数写出来,但是这个函数不是自己负责调用,有其他的程序负责调用该函数。<script type="text/javascript"> function sayhello(){ alert("hello js"); } <...原创 2020-02-28 17:24:06 · 625 阅读 · 0 评论 -
JavaScript js的基础语法
js变量不需要定义数据类型,使用 var 直接定义变量。函数外中定义的变量是全局变量,函数内定义的是局部变量,函数中不使用var定义的变量是全局变量。<script type="text/javascript" > var a,b,c=200; alert(a); alert(undefined) b='haha'; alert(b); aler...原创 2020-02-28 16:08:18 · 193 阅读 · 0 评论 -
JavaScript js的使用方式
事件驱动1.js是一门事件驱动型的编程语言,依靠事件去驱动,然后执行对应的程序。列如鼠标单击事件 click ,对应的事件句柄 onclick。事件句柄是以HTML标签的属性存在。2.onclick执行原理页面打开的时候,js代码并不会执行,只是这段js代码注册到按钮的click事件上去了。等这个按钮发生了click事件后,注册在onclick后面的js代码会被浏览器自动调用。js代码...原创 2020-02-27 15:38:53 · 105 阅读 · 0 评论