
javascript
文章平均质量分 51
js一般指javascript。JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的高级编程语言。
唐 昊
稳扎稳打,步步为营
展开
-
JS如何获得今天是自1970年1月1日00:00:00开始的第几天
console.log( Math.floor( (new Date().getTime()-new Date().getTimezoneOffset()*60*1000)/(24*60*60*1000) ));原创 2021-10-05 18:59:46 · 309 阅读 · 0 评论 -
记录-js如何判断子元素是标签还是文本?(附:标签内置属性)
获取当前的子元素的nodeType值,如果是3则为text,如果是1则为标签元素原创 2021-08-16 10:28:02 · 1810 阅读 · 0 评论 -
Vue之属性的计算和监控
样例:<div id="demo"> 姓: <input type="text" placeholder="First Name" v-model="firstName"><br> 名: <input type="text" placeholder="Last Name" v-model="lastName"><br> <!--fullName1是根据fistName和lastName计算产生--> 姓名1(单向):原创 2021-06-08 08:21:41 · 145 阅读 · 1 评论 -
简单的js实现页面的CRUD操作
<!DOCTYPE html><html><head> <title>checked</title></head> <body><h2>新建</h2><form><table border="2"> <tr><th>姓名:<input type="text" id="num" ><br/></th&原创 2021-05-03 14:49:11 · 841 阅读 · 0 评论 -
js-全选/反选
<!DOCTYPE html><html><head> <meta charset="utf-8"> <script type="text/javascript"> // location.href="./home/index.php"; window.onload=function(){ var ...原创 2020-03-25 21:27:51 · 133 阅读 · 0 评论 -
js-className基本用法
<!DOCTYPE html><html><head> <title>test</title></head><script type="text/javascript"> window.οnlοad=function(){ var btn = document.getElementById(...原创 2020-03-21 21:57:05 · 571 阅读 · 0 评论 -
js表单注册实现页面登录信息提示(附:阻止页面跳转)
return false; //阻止页面跳转index.html<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <script type="text/javascript"> window.onload=func...原创 2020-03-20 20:45:13 · 824 阅读 · 2 评论 -
Ajax原理及使用
Ajax.html<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <script type="text/javascript" src="Ajax_txt.js"></script> <script...原创 2020-03-14 18:02:50 · 130 阅读 · 0 评论 -
js-DOM基礎基本数组排序
<!DOCTYPE html><html><head> <title>排序</title></head><script type="text/javascript"> window.onload=function(){ var Btn = document.getElementById('btn...原创 2020-03-13 12:01:33 · 148 阅读 · 0 评论 -
js-DOM高级应用之搜索4(多条件搜索)
多条件搜索 : split() 函数的引用<!DOCTYPE html><html><head> <title>split()</title></head><script type="text/javascript"> var str='asd sd as'; var arr= str.split(...原创 2020-03-13 11:28:00 · 434 阅读 · 0 评论 -
js-DOM高级操作应用之搜索3(模糊搜索)
模糊搜索:search() 的引用<!DOCTYPE html><html><head> <title>search测试</title></head><script type="text/javascript"> var str='asdfd'; alert(str.search('a'));&l...原创 2020-03-13 11:03:08 · 550 阅读 · 0 评论 -
js-DOM高級操作应用之搜索2
不分大小写toLowerCase()的引用<!DOCTYPE html><html><head> <title>搜索</title></head><script type="text/javascript"> window.onload=function(){ var otxt = docu...原创 2020-03-13 10:54:51 · 95 阅读 · 0 评论 -
js-DOM操作应用之搜索1
<!DOCTYPE html><html><head> <title>搜索</title></head><script type="text/javascript"> window.onload=function(){ var otxt = document.getElementById('tx...原创 2020-03-13 10:45:00 · 152 阅读 · 0 评论 -
js-appendChild的用法
1.先把元素从原有的父级上删除2.添加到新的父级上<!DOCTYPE html><html><head> <title>appendChild 高级运用</title></head><script type="text/javascript"> window.onload=function(){ ...原创 2020-03-13 10:23:06 · 875 阅读 · 0 评论 -
js表单基本操作(增加/删除)
<!DOCTYPE html><html><head> <title></title><script type="text/javascript"> window.onload=function(){ var Sub=document.getElementById('sub'); var Name =...原创 2020-03-12 22:07:08 · 774 阅读 · 0 评论 -
js高级隔行变色(移入移出高亮)
<!DOCTYPE html><html><head> <title>高级隔行变色</title></head><script type="text/javascript"> window.onload=function(){ var otb = document.getElementById(...原创 2020-03-12 21:07:31 · 192 阅读 · 0 评论 -
js文档碎片(提高文档运行效率)的实例化运用
<!DOCTYPE html><html><head> <title>文档碎片</title></head><script type="text/javascript"> window.onload=function(){ var Oul = document.getElementById('o...原创 2020-03-12 20:11:16 · 234 阅读 · 0 评论 -
js删除元素的基本操作
<!DOCTYPE html><html><head> <title></title><script type="text/javascript"> window.onload=function(){ var oil = document.getElementsByTagName('a'); var ...原创 2020-03-12 17:46:30 · 416 阅读 · 1 评论 -
jsDOM基礎insertBefore基本用法
<!DOCTYPE html><html><head> <title></title></head><script type="text/javascript"> window.onload=function(){ var x = document.getElementById('but'); ...原创 2020-03-12 17:34:01 · 392 阅读 · 0 评论 -
js创建元素
<!DOCTYPE html><html><head> <title></title><script type="text/javascript"> window.onload=function(){ var Sub=document.getElementById('sub');var Name = docum...原创 2020-03-12 17:14:57 · 191 阅读 · 0 评论 -
js-DOM首尾结点兼容性问题
firstElementChildfirstChild<!doctype html><html><head><meta charset="utf-8"> <script> window.onload=function(){ var x = document.getElementById('ul1') if...原创 2020-03-11 18:27:30 · 98 阅读 · 0 评论 -
js-li标签隐藏
父节点(parentNode)<!doctype html><html><head><meta charset="utf-8"> <script> var x = document.getElementsByTagName('a'); window.onload=function(){ for(var i=0;i&l...原创 2020-03-11 18:10:41 · 2491 阅读 · 0 评论 -
jsDOM基础查找子节点并修改样式
第一种方式:(childNodes)<!doctype html><html><head><meta charset="utf-8"><title>DOM</title></head> <script> window.onload=function(){ var oBti = do...原创 2020-03-11 17:55:18 · 2426 阅读 · 0 评论 -
js实现动态时钟
<!DOCTYPE html><html><head> <title>时钟</title></head><script type="text/javascript"> function todou(n){ if(n<10){ return '0'+n; } else { r...原创 2020-03-10 17:45:12 · 316 阅读 · 1 评论 -
js实现数组的简易排序
<!DOCTYPE html><html><head> <title>排序</title></head><body> <script type="text/javascript"> var arr=[12,32,3,43,423,2]; arr.sort(function(n1,n2...原创 2020-03-10 16:30:04 · 166 阅读 · 1 评论 -
js中json数组输入输出
<!DOCTYPE html><html><head> <title></title><script type="text/javascript"> window.onload=function(){ var x= 5; var arr=[2,4,5]; var json={a:10,b:12,c:230...原创 2020-03-07 13:14:52 · 573 阅读 · 2 评论 -
js实现表格隔行变色
<!DOCTYPE html><html><head> <title></title></head><script type="text/javascript"> window.onload=function(){ var oBen = document.getElementById('dve1')...原创 2020-03-07 11:27:45 · 274 阅读 · 0 评论 -
js简易日历(html+css+javascript)
<!DOCTYPE html><html><head> <title></title></head><script type="text/javascript"> window.onload=function(){ var x= document.getElementById('tes'); ...原创 2020-03-06 19:33:04 · 524 阅读 · 1 评论 -
js简易日历(html+css+javascript)
<!DOCTYPE html><html><head> <title></title></head><script type="text/javascript"> window.onload=function(){ var od = document.getElementById('dvi');...原创 2020-03-06 18:52:43 · 308 阅读 · 2 评论 -
js选项卡的基本操作
<!DOCTYPE html><html><head> <title></title></head><script type="text/javascript"> window.onload=function(){ var ob = document.getElementById('di...原创 2020-03-06 16:10:10 · 188 阅读 · 0 评论 -
js鼠标移入移出div样式
<!DOCTYPE html><html> <style type="text/css"> #div1{ width: 200px; height: 50px; background-color: white; border: 1px solid ; display: none;} </style>&...原创 2020-03-04 20:27:03 · 1172 阅读 · 0 评论