字符串模板 `` 优点可以随意换行
<input type="button" id="aaa" value="aaaaa" />
<input type="button" name="" id="" value="bbbb" />
<input type="button" id="" value="cccc" />
<ul class="oul">
</ul>
let data = [
{con:'习近平参加重庆代表团审议',read:100},
{con:'习近平在重庆代表团谈“政德”的深意',read:10540},
{con:'法治德治并举,确保政治生态风清气正',read:40},
]
let oUl =document.querySelector('.oul');
for(let i = 0; i<data.length; i++){
let oli = document.createElement('li');
/*oli.innerHTML = `<span>要闻:</span>${data[i].con},阅读人数:${data[i].read}`;*///ES6
oli.innerHTML = '<li>要闻:'+data[i].con+',阅读人数:'+data[i].read+'</li>'; //es5
oUl.appendChild(oli);
}
关于字符串的一些方法
字符串查找:
let str = "apple banner orange"
console.log(str.indexOf('banner')) //indexOff返回找到字符串的位置,如果没有则返回-1;
/*str.includes(检测字符串)*/
//alert(str.includes('banner')); //判断是否在字符串中是否存在 返回值为 tre/false
//可用于判断浏览器:
if(navigator.userAgent.includes('Chrome')){
alert(true);
}else{
alert(false)
}
/*判断字符串以什么开头 str.startsWith(检测字符串) 以什么结尾 str.endsWith(检测字符串) 返回值为true/false*/
/*重复字符串 str.repeat(次数)*/
console.log(str.repeat(3))
/*填充字符串 从开头填充 str.paStart(整个字符串长度,被填充的字符) 在结尾填充 str.endStart()*/
let str2 = '222'
console.log(str.padStart(str.length+str2.length,str2))