var imgStr = "<p><img src='http://www.baidu.com/FpmF-JifNksQTHo7InP_LMukbtWc'/></p>"
//解析富文本获取img里面的src属性值
var patt = /<img[^>]+src=['"]([^'"]+)['"]+/g
var result = [],
temp
while ((temp = patt.exec(imgStr)) != null) {
result.push({'url':temp[1]})
}
console.log(result) //http://www.baidu.com/FpmF-JifNksQTHo7InP_LMukbtWc
二、获取指定元素属性值
function getDomAttr(str,tag,attr) {
// const val = /(?<=data-value=").*?(?=")/
var patt = `/<${tag}[^>]+${attr}=['"]([^'"]+)['"]+/g`
let temp = patt.exec(str)
// console.log('str.match(val)', temp)
return temp[1]
}
开发中,当执行一个事件时需要去知道触发这个事件的对象是谁?那么,如何获取,在这里我就对 event.srcElement与event.target 操作获取略作区分 。
event.srcElement: 表示可以获取当前作用事件的对象。
event.target: 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。
兼容性:
event.target: Ie9+ 火狐、谷歌;
event.srcElement:ie 678;
srcElement 是 IE 下的属性
target 是 Firefox 下的属性
Chrome 浏览器同时有这两个属性
一、利用event.srcElement 获取标签:
event.srcElement.tagName :因为它获取出来的都是以 大写 的形式,例如(“A”,“DIV”)所以需要转换 obj.tagName.toLowerCase()="a"
二、 利用event.srcElement 获取子对象:
第一个子标签 :event.srcElement.firstChild
最后个一个是: event.srcElement.lastChild
第几个孩子: event.srcElement.children[i]
所有孩子: event.srcElement.children
所有孩子节点: event.srcElement.childNodes
三、利用event.srcElement 获取父对象:
.event.srcElement.parentElement; 可以理解成是在鼠标所在对象的上一个对象。
四、vent.target的 判断使用
js中事件是会泡的,event.target它永远是直接接受事件的目标DOM元素
一般是获取这个对象的id,兼容的写法如下:
var targetId = event.target ? event.target.id : event.srcElement.id
获取id后再拿到事件中去判断。
谢谢观读~
��
js文件不是htm文件,所以里面不能有html标记(在输出语句中包含的html标记除外)。
即使js文件中可以用<script>标记,由于js文件本身就是由<script src="...">标记调用的,这就变成重复标记了,是画蛇添足了。
js属于脚本文件,是由脚本代码组成的。其实把正常的<script>与</script>标记之间的代码剪切到新文件中就是一个js文件了,然后把文件名放到script的src属性就行了。
扩展资料:
JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。
JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。
JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提上机器上的浏览器支 持JavaScript脚本语言,JavaScript已被大多数的浏览器所支持。
参考资料来源:百度百科-JavaScript