博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Day15 Javascipt内容补充
阅读量:6413 次
发布时间:2019-06-23

本文共 1734 字,大约阅读时间需要 5 分钟。

JavaScript函数:

 

函数:		function 函数名(a,b,c){			执行代码		}		1,如何去找到标签		Dom直接选择器:		1,找到标签			#获取单个元素			document.getElementById('id')			整个html的id不可重复						#获取多个元素			document.getElementByTagName("div")			或者			document.getElementByClassName('class')				Dom间接选择器:		也就是说先找到一个标签,然后去找他的上级,下级,父级等标签		tag = document.getElementById('id')				parentElement           // 父节点标签元素		children                // 所有子标签		firstElementChild       // 第一个子标签元素		lastElementChild        // 最后一个子标签元素		nextElementtSibling     // 下一个兄弟标签元素		previousElementSibling  // 上一个兄弟标签元素		可以利用tag.方法来使用				2,操作标签		标签.innerText=""   		#对标签内的元素重新赋值			标签.className=""			#改掉class的值		标签.classList.add=""		#添加指定样式		标签.classList.remove=""	#删除指定样式			实现菜单切换的小例子模型:	
点我
函数分为了三种: 普通函数: function func(arg){ } 匿名函数: function(){ console.log(123); } 自执行函数: function func(){ } func() 如果一个项目里边需要用到多个网站的js,可以针对不同的网站的js定义函数function 张洋(){ function f1(){ }}function egon(){ function f1(){ }}

 

 

JavaScript序列化以及转义:序列化:JSON.stringify(li):将一个列表转化成字符串JSON.parse(s):将字符串转换成列表转义:将URL的中文转移成字符串	客户端(cookie)  ==>  服务器端(一般都是将cookie等信息转义后存到电脑上)	decodeURI():URI未转义的字符	encodeURIComponent():转义uri组件中的字符	escape():对字符串进行转义	unescape():给转义字符串串解码	eval:	python:val = eval(表达式)				 exec(执行代码)	JavaScript:		   eval		  时间操作:	Date类	var d = new Date()

 

 

var ele_inp=document.getElementById('inp');ele_inp.οnclick=function(){      console.log(this.getAttribute('value'))  ;      this.setAttribute("value",'666');      this.style.color='red';        //点击文字变红      this.style.border='red 1px  solid'   //  点击边框变红,有宽度}

 

 

onchange事件:

当点击了以后发生了改变只执行的操作。

 

 

节点操作:

hello

click

 

转载于:https://www.cnblogs.com/sexiaoshuai/p/7730214.html

你可能感兴趣的文章
Java并发编程:volatile关键字解析
查看>>
表单Form以及表单元素,框架集(了解)及iframe(重点)
查看>>
SSH端口映射
查看>>
“C++的数组不支持多态”?
查看>>
提高企业虚拟化安全
查看>>
nagios监控私有服务过程
查看>>
列出对像属性,for(var i in obj)
查看>>
ELK中的redis的问题记录
查看>>
sed
查看>>
使用 commit tran 需注意
查看>>
mysql 利用explain查询优化
查看>>
三大通信运营商天猫电器城开店
查看>>
算法——时间复杂度和空间复杂度
查看>>
pull 与 fetch & merge
查看>>
希望大家多点祝福给家人
查看>>
Java8 十大新特性详解
查看>>
web.xml配置详解
查看>>
linux之sed详解
查看>>
Java基础学习总结(14)——Java对象的序列化和反序列化
查看>>
java 集合框架按字符串长度排序
查看>>