javaScript学习笔记
逆流!
这个作者很懒,什么都没留下…
展开
-
JavaScript学习笔记20
DOM操作CSS1.第一种方式<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>DOM操作CSS</title> <style style="text/css"> li{ font-size:2px; color:#ffffff; background-color:gray; border-radius:5px;原创 2020-10-21 18:51:31 · 66 阅读 · 0 评论 -
JavaScript学习笔记19
操作元素创建节点的方法document.createElement(“div”);//创建节点加入节点parentNode.appendChild(childElement);//在父亲节点下,在最后一个孩子后加入节点. parentNode.insertBefore(newNode,beforeNode);//在父亲节点下,在一个节点前加入节点删除节点的方法parentNode.removeChild(childNode);//删除父节点的孩子节点node.remove()/原创 2020-10-21 17:38:57 · 90 阅读 · 0 评论 -
JavaScript学习笔记18
DOM操作属性function func1(){ //得到图片 var img=document.getElementById("img1"); //修改img的src属性 img.src="img/a2.jpg"; //修改img的title属性,title表示指到图片显示的文字 img.title="gougou"; } function func2(){ //获取超链接 var a1=document.getElementById("a1");原创 2020-10-20 22:09:55 · 275 阅读 · 0 评论 -
JavaScript学习笔记17
DOM操作文本function func1(){ //取出div文本 var txt=document.getElementById("div1").innerHTML;//标签会编译后显示到浏览器上 //var txt1=document.getElementById("div1").innerText; //放入文本 //document.getElementById('div2').innerHTML=txt; document.getElementById('d原创 2020-10-20 21:36:02 · 49 阅读 · 0 评论 -
JavaScript学习笔记16
直接查询和间接查询直接查询function testGetElementById(){ var elem=document.getElementById("num1");//按id查询 console.info(elem.value); console.info(elem.name); console.info(elem.type); } //testGetElementById(); function testGetElementsByName(){ var原创 2020-10-20 21:33:09 · 56 阅读 · 0 评论 -
JavaScript学习笔记15
认识DOM1.什么是DOM.DOM是对document文本对象的操作,把html转化成倒挂的树,然后相互对比。2.DOM节点分类1.元素节点 element node 例如 2.属性节点 attribute node 例如href=“链接地址”3.文本节点 text node 例如:地址连接 我的连接3.节点关系:父子关系,兄弟关系4.DOM操作内容1.查询元素2.操作文本3.操作属性4.操作元素5.操作css样式(一个特殊的style)...原创 2020-10-20 14:26:58 · 73 阅读 · 0 评论 -
JavaScript学习笔记14
location() document.write("<h3>location对象</h3>"); document.write("<br>主机名"+location.hostname +"<br>"); document.write("<br>端口名"+location.port +"<br>"); document.write("<br>主机加端口名"+location.host +"<br>原创 2020-10-20 14:11:07 · 67 阅读 · 0 评论 -
JavaScript学习笔记13
window窗口对象<script type="text/javascript"> function testAlert(){ alert("密码长度大于6");//弹出警告窗口 } function testConfirm(){ var flag=window.confirm("确定要删除学生吗");//弹出确认窗口 if(flag){ alert("学生已经删除"); } } function testPrompt(){ var s原创 2020-10-19 23:59:07 · 590 阅读 · 0 评论 -
JavaScript学习笔记12
认识BOM和DOM1.BOM1.BOM是Browser Object Modle的简称,叫浏览器对象模型2.BOM由一系列对象组成,是访问,控制,修改浏览器的属性的方法3.BOM没有统一的标准,每种客户端都不同4.BOM的顶层是window对象2.DOM1.DOM是Document Object Modle的简称,叫文档对象模型2.DOM用于XHTML,XML文档的应用程序接口(API)3.DOM由一系列对象组成,是访问,控制,修改XHTML文档内容和结构的方法4.DOM是跨平台的,DO原创 2020-10-18 22:33:11 · 83 阅读 · 0 评论 -
JavaScript学习笔记11
事件代码:<head> <meta charset="UTF-8"> <title>事件</title> <script type="text/javascript"> function func1(){ //获取当前文本框对象,将值清空 document.getElementById("num1").value=""; } function func2(obj){ //获取当前文本框对象的值 //va原创 2020-10-18 22:19:28 · 144 阅读 · 0 评论 -
JavaScript学习笔记10
JavaScript数组定义一维数组1.var fruits=[‘a’,‘b’,‘c’,‘d’,‘e’];2.var fruits=new Array(‘a’,‘b’,‘c’,‘d’,‘e’);3.var fruits=new Array();fruits[0]=‘a’;fruits[1]=‘b’;fruits[2]=‘c’;4.var fruits=new Array();fruits[“a”]=‘a’;fruits[“b”]=‘b’;fruits[“c”]=‘c’;一维数组遍历:原创 2020-10-18 17:08:54 · 147 阅读 · 0 评论 -
JavaScript学习笔记9
浏览器断点调试F12调出对话框,调试方法和eclipse类似。1.点击代码左侧添加断点。2.在右侧local中查看变量的变化。3.通过第一排按钮,调试。分别表示重新开始,下一模块,下一行,上一行,向后执行...原创 2020-10-18 16:26:43 · 140 阅读 · 0 评论 -
JavaScript学习笔记8
时钟效果的两种实现方法1.setTimeout()实现<html><head> <meta charset="UTF-8"> <title>时钟效果setTimeout</title> <script type="text/javascript"> function clock(){ //得到当前时间 var now=new Date(); //将当前的时间显示在div中 documen原创 2020-10-18 16:08:45 · 62 阅读 · 0 评论 -
JavaScript学习笔记7
常用函数String()document.write("<h3>String对象</h3>"); //string 命令非常重要 //表单项所接受的所有内容,都是字符串类型。 var str="bjsxt123"; document.write(str.length+"<br>"); document.write(str.charAt(2)+"<br>"); document.write(str.indexOf("s")+"<原创 2020-10-18 15:20:31 · 70 阅读 · 0 评论 -
JavaScript学习笔记5-6
JS制作计算器<html><head> <meta charset="UTF-8"> <title>计算器</title> <script type="text/javascript"> function calc(){ //获取两个操作数和运算符 var n1=document.getElementById("num1").value; var n2=document.getElementById("n原创 2020-10-17 18:42:20 · 817 阅读 · 0 评论 -
JavaScript学习笔记4
1.函数及其基本语法<script type="text/javascript"> //自定义函数1:无返回值 function func1(){ alert("用户名长度大于5"); } //自定义寒素2:有返回值,无参数 function func2(){ return 123; } //自定义寒素3:有返回值,参数 function func3(num1,num2){ return num1+num2; } //自定义寒素4:函数原创 2020-10-17 15:55:48 · 170 阅读 · 0 评论 -
JavaScript学习笔记3
JavaScript语法1.“= =“和”= = ="的区别==可以比较不同类型的值是否相等===要求不仅类型相同,值也要相同2.for-each循环 console.info("for-each循环");/*浏览器控制台输出*/ var fruits=["apple","banana","orange","pear","peach"]; for(var i=0;i<fruits.length;i++)/*注意JS的类型,定义i要用var*/ { console.log(原创 2020-10-17 14:59:51 · 80 阅读 · 0 评论 -
JavaScript学习笔记2
javaScript的特点1.脚本语言例如java的执行流程必须要执行前事先编译,然后再交给解释起执行。而脚本语言只需要一个与其适应的解释器就可以执行。相对而言,一次性编译后执行代码效率更高。脚本语言是指在web浏览器内有的解释器解释执行的编程语言,每次运行程序的时候,解释器就会把程序代码翻译成可以执行的格式。2.基于对象的语言1.面向对象有三大特征(封装,继承,多态)缺一不可2.而”基于对象“就是使用对象,但是无法利用现有的对象模板产生新的对象类型,也就是说,基于对象没有继承的特点。没有继承,原创 2020-10-17 12:35:23 · 211 阅读 · 1 评论 -
JavaScript学习笔记1
**静态网页内容:**技术作用描述html显示内容CSS美化界面javaScript页面的动态交互和特效JQuery对javaScript的封装EasyUI在JQuery的基础上对HTML和CSS进行的封装––DHTML=HTML+CSS+javaScript。动态HTML(Dynamic HTML,也简称DHTML)。但是两者不一样。动态HTML中的内容是从数据库读来的。而前一个DHTML主要是指能够和用户进行交互,实现一个动态的效果原创 2020-10-17 11:35:30 · 51 阅读 · 0 评论