html
Naraseny
这个作者很懒,什么都没留下…
展开
-
jQuery $工具方法 与Css属性方法
本节内容:append 追加的方法:$("#oDiv").append($("<a href='#'>百度</a>"));html 替代了js中的innerHTML属性 可设置可获取:$("#oDiv").html("<p>标题一</p>");$("#oDiv").html($("<a href='#'>百度</a>"));$(js对象) 作用:转换作用:将一个...原创 2022-03-18 20:04:00 · 897 阅读 · 0 评论 -
jQuery之筛选&文档处理
回顾上一节:①Style属性方式 xx.style.fontSize②js调用css this.className="aa"③制作随鼠标滚动的广告图片onscrolldocument.documentElement.scrollTop/Left本节内容:数字:\d [0-9]合法字符:\w [0-9a-zA-Z_]空格:\s取反:[^abc]至少出现1次:+出现1次或者0次:?出现任意次:*真正的点:\.或者:|[a-g]{3}:在a-g中任选1个原创 2022-03-18 18:18:27 · 941 阅读 · 0 评论 -
表单验证(JS的正则表达式)
回顾上一节:①Style属性方式 xx.style.fontSize②js调用css this.className="aa"③制作随鼠标滚动的广告图片onscrolldocument.documentElement.scrollTop/Left本节内容:数字:\d [0-9]合法字符:\w [0-9a-zA-Z_]空格:\s取反:[^abc]至少出现1次:+出现1次或者0次:?出现任意次:*真正的点:\.或者:|[a-g]{3}:在a-g中任选1个原创 2022-03-18 18:17:36 · 116 阅读 · 0 评论 -
JS表格的操作(增删改查)、图片轮换
1.简单的表格操作:</style><script type="text/javascript">function addRow(){ var fRow=document.getElementById("row3");var newRow=document.createElement("tr") ; //创建行节点var col1=document.createElement("td"); //创建单元格节点col1.innerHTML="幸福从天而降";原创 2022-03-08 20:32:54 · 1301 阅读 · 0 评论 -
DOM的节点操作
回顾上一节内容:1.如何获取页面上的元素(标签)选择器优先:1.1通过方法的形式去获取页面上的标签document.getElementById();document.getElementsByName();document.getElementsByTagName();document.getElementsByClassName('类名');document.querySelector('选择器');document.querySelectorAll('选择器.原创 2022-03-08 20:20:46 · 64 阅读 · 0 评论 -
JS制作横向菜单
<!DOCTYPE html PUBLIC "-//W3C//Dtd XHTML 1.0 transitional//EN" "http://www.w3.org/tr/xhtml1/Dtd/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=g.原创 2022-03-07 15:26:17 · 735 阅读 · 0 评论 -
JS制作树形菜单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=g.原创 2022-03-07 15:25:20 · 687 阅读 · 0 评论 -
JS实现带关闭按钮的广告图片
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; chars.原创 2022-03-07 15:19:18 · 1315 阅读 · 0 评论 -
模拟网页自动跳转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> // location对象 --属于window对象的子对象. // href属性:设置或获取URL地址(网址) //加载函数 window.onload.原创 2022-03-07 15:18:39 · 156 阅读 · 0 评论 -
模拟网页自动跳转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> // location对象 --属于window对象的子对象. // href属性:设置或获取URL地址(网址) //加载函数 window.onload.原创 2022-03-07 15:13:01 · 90 阅读 · 0 评论 -
利用JS实现网页的导航(nav)图
效果图:代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> * { margin: 0px; padding: 0px; list-style: none } #contain原创 2022-03-07 14:54:23 · 1355 阅读 · 0 评论 -
利用JS实现单选和复选,还有全选按钮
效果图:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><!-- checked="checked" 控制单选 复选 选中 --> <input id="checkAll" type="checkbox">全选&l原创 2022-03-07 14:49:12 · 3181 阅读 · 0 评论 -
DOM编程之获取元素
回顾上一节内容:①.函数的使用:系统的函数:parseInt(); parseFloat(); evel(); isNaN('123a');自定义函数:可以利用function 对象创建函数:var mysum = new Function('num1=1','num2=2','return num1+num2');②.BOM编程window--顶层对象alert();网页弹窗,类似于syso的打印console.log('无参数函数');控制台pro原创 2022-03-06 20:06:43 · 355 阅读 · 0 评论