JavaScript
此专栏为云知梦学习笔记
Bravo!!!
这个作者很懒,什么都没留下…
展开
-
JS对象和jQuery对象的区别和转换
jQuery就是JS中的new object生成的普通对象,然后在此对象上加方法和属性JS对象的方法不能与jQuery的对象共用!JS对象能与jQuery的对象互换!1.JS对象转换成jQuery对象将JS对象转换成jQuery对象的办法就是$(DOM);<script>imgobj=document.getElementById('imgid');imgobj.onclick=function(){}//把DOM对象转成jQuery对象$(imgobj).cli原创 2020-08-14 11:05:15 · 352 阅读 · 0 评论 -
6个DOM实例—移入移出特效、循环点击换色、点击换行号、点击标题切换内容、多选反选和不选、选水果
一、移入移出特效<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>index</title> <style> *{ font-family: 微软雅黑; } </style></head><body>原创 2020-08-11 20:01:32 · 224 阅读 · 0 评论 -
JavaScript | DOM和Ajax技术
DOM(document object model)文档对象模型一、获取DOM元素对象1.document.documentElement2.document.head3.document.title4.document.body二、获取元素对象的方法document.getElementById()//通过id找到对象document.getElementsByTagName()//通过标签名<>找到对象document.getElementsByClassNam原创 2020-08-11 16:36:41 · 202 阅读 · 0 评论 -
JavaScript | BOM对象(BrowserObjectModel)(内含常用对象方法)
一、window对象 1.属性下面两个现在也慢慢被淘汰了,不经常用了frames //窗口数组top //顶级窗口<html><head> <meta charset="UTF-8" /> <title>index</title></head><frameset rows="50,*"> <frame src="top.html"> <..原创 2020-08-10 17:34:00 · 118 阅读 · 0 评论 -
JavaScript | 如何阻止标签的默认行为
一、如何阻止标签的默认行为1. <a href=""> </a>2. <form action=""></form>以上两个标签都会自动跳转页面,要想阻止,可以添加return false。<body> <a href="http://www.baidu.com" id="aid">百度</a></body><script> aobj=document.getEl原创 2020-08-10 13:09:25 · 314 阅读 · 0 评论 -
JavaScript | 事件方法
一、事件方法1.select() //获取焦点后选中区域<body> <form action=""> <p>用户名:</p> <p><input type="text" id="username" value="zyd" /></p> </form></body><script> uobj=document.getE.原创 2020-08-09 22:17:34 · 180 阅读 · 0 评论 -
JavaScript实现点击回到顶部的实例
top.jpg实例一:利用锚点回到顶部<!doctype html><html><head> <meta charset="UTF-8"> <title>index</title> <style> *{ font-family: 微软雅黑; margin:0px; padding:0px;原创 2020-08-09 14:51:41 · 232 阅读 · 0 评论 -
JavaScript | 事件绑定、鼠标事件、键盘事件、表单事件
一、JS特效1.事件触发2.属性改变3.样式改变<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>index</title> <style> img{ cursor: pointer; /*鼠标移动到img上方变成小手*/ } &原创 2020-08-06 21:14:26 · 819 阅读 · 0 评论 -
JavaScript | 运算符和正则表达式
官网JavaScript指路一、运算符1.数学运算符+ - * / %实例——>JavaScript页面隔行换色效果2.比较运算符> < >= <= != ==3.逻辑运算符&& || !二、正则表达式1.修饰词修饰符 描述 i 执行对大小写不敏感的匹配。 g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。 m 执行多行匹配。 2.方括号方括号用于查找某个范围...原创 2020-08-05 18:40:08 · 931 阅读 · 0 评论 -
JavaScript | 内置对象以及对象常用的方法
一、数学二、日期三、定时器四、超时器五、字符串六、数组原创 2020-08-03 21:36:24 · 97 阅读 · 0 评论 -
JavaScript | 消息框介绍(举例说明)
一、警告框aler(123);二、确认框confirm('您确认删除吗?')<html><head> <meta charset="UTF-8" /> <title></title></head><body> <a href="http://www.baidu.com" id='aid'>百度</a></body><script&g原创 2020-08-02 17:28:57 · 196 阅读 · 0 评论 -
JavaScript | 语法(重点ForIn遍历)
一、if语句<html><head> <meta charset="UTF-8" /> <title></title></head><body></body><script> score=90; if(score>=90){ alert('A'); }else if(score>=60){ alert(原创 2020-08-02 17:08:29 · 184 阅读 · 0 评论 -
JavaScript | 变量类型转换
一、类型转换1.整型->字符串/num=10/String(num);//num=10;//str=num+'';2.字符串->整型/str='10px';/num=parseInt(str);3.所有类型->布尔类型Boolean();bool型为假的情况1)字符串('')//字符串中无内容,有空格是真2)整型(0)3)浮点型(0.0)4)布尔型(false)8)null9)NaN10)undefined4.js原创 2020-07-30 17:47:03 · 189 阅读 · 0 评论 -
JavaScript | 类型测试
一、变量类型测试1. typeof();判断变量的类型,不能精确判断:整型、浮点型的类型都为number对象、json对象、数组、null都为object<html><head> <meta charset="UTF-8" /> <title></title></head><body> <h1>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa</原创 2020-07-30 16:38:32 · 122 阅读 · 0 评论 -
JavScript | 变量详解
一、变量1.变量定义str="string"2.字符串连接变量'my name is '+str3.输出变量 1) alert(str) //弹窗形式 2) documentwriet('<h1>'+str+'<h1>) //直接输出到网页二、变量类型1.字符串2.整型3.浮点型4.布尔型5.数组<script> arr= new Array('a','b','c','d'); ...原创 2020-07-29 15:07:42 · 1437 阅读 · 0 评论 -
JavaScript | 入门介绍
一、何为JS特效1. 定义事件(出发时机+行为)2.触发事件(行为发生)3.事件发生具有重复性<html><head> <meta charset="UTF-8" /> <title></title></head><body> <div> <img src="dog.png" onclick="alert(123)"> <原创 2020-07-29 10:30:18 · 84 阅读 · 0 评论