vue中动态引入js的脚本内部或外部 js遍历map js通过xpath获取dom节点

vue中动态设置（创建）javascript的script 标签&js脚本内容&外部js详解

动态通过src引入

// 创建script标签，引入外部文件
let script = document.createElement('script')
script.type = 'text/javascript'
script.src = 'http://xxx.xxx.js'
document.getElementsByTagName('head')[0].appendChild(script)

创建script标签并写入脚本

let script = document.createElement('script')
script.type = 'text/javascript'
script.text = `
	console.log(111)
`
document.getElementsByTagName('head')[0].appendChild(script)

js遍历map

  		var map = {
             "name" : "华仔",
	     "realname":"刘德华"
        };
 
		for (var key in map) {
            console.log("map["+key+"]"+map[key]);
        }

js通过xpath获取dom节点

document.evaluate() 就是通过 xpath 获取 dom 节点。
返回的结果通过 .iterateNext() 可以获得 dom 对象，每次调用会少一个，当没有时就返回空。

• 返回匹配到的第一个 xpath 对应的 dom 节点。

function x(xpath) {
  var result = document.evaluate(xpath, document, null, XPathResult.ANY_TYPE, null);
  return result.iterateNext()
}

• 返回匹配到 xpath 的 dom 节点个数

function x(xpath) {
  var result = document.evaluate(xpath, document, null, XPathResult.ANY_TYPE, null);
  var i = 0;
  while(result.iterateNext()){
    i++;
  }
  return i;
}