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 · 151 阅读 · 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 · 228 阅读 · 0 评论 -
JavaScript JSON的使用
JSON JSON对象的创建 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 · 164 阅读 · 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 · 238 阅读 · 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 · 248 阅读 · 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 · 311 阅读 · 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 · 207 阅读 · 0 评论 -
JavaScript DOM编程之复选框的取消和全选
案列 当选中第一个复选框时，下面复选框全部选中，取消时，全部取消。 并且当下面复选框全部选中时，第一个复选框选中，其他的没有全部选中时，第一个取消。 document.getElementById(“firstChk”).checked获取复选框的值，选中为true； var otherChks = document.getElementsByName(“otherChk”);返回一个数组； &l...原创 2020-03-01 13:01:50 · 245 阅读 · 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 · 375 阅读 · 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 · 339 阅读 · 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 · 208 阅读 · 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 · 322 阅读 · 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 · 1025 阅读 · 0 评论 -
javaScript js代码执行顺序和键盘捕捉
js代码执行顺序 js代码在浏览器打开的时候就开始自上而下依次执行，所以可能发生js代码已经执行，而标签未执行，js代码获取不到标签。 所以我们应该让js代码在所有东西加载完毕的时候执行。 注意：只要是标签中的属性，我们都可以用.来使用。 <body> <script type="text/javascript"> window.onload = function...原创 2020-02-28 20:01:56 · 197 阅读 · 0 评论 -
JavaScript事件注册的两种方式
直接在标签中使用事件句柄 回调函数，对于当前程序来说，sayhello函数被称为回调函数(callback函数) 回调函数的特点，自己把函数写出来，但是这个函数不是自己负责调用，有其他的程序负责调用该函数。 <script type="text/javascript"> function sayhello(){ alert("hello js"); } <...原创 2020-02-28 17:24:06 · 690 阅读 · 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 · 228 阅读 · 0 评论 -
JavaScript js的使用方式
事件驱动 1.js是一门事件驱动型的编程语言，依靠事件去驱动，然后执行对应的程序。 列如鼠标单击事件 click ,对应的事件句柄 onclick。事件句柄是以HTML标签的属性存在。 2.onclick执行原理 页面打开的时候，js代码并不会执行，只是这段js代码注册到按钮的click事件上去了。 等这个按钮发生了click事件后，注册在onclick后面的js代码会被浏览器自动调用。 js代码...原创 2020-02-27 15:38:53 · 142 阅读 · 0 评论