<button id="prev">上一页</button>
<button id="next">下一页</button>
</div>
<script>
var $ = function(id) { return document.getElementById(id) },
buttons = 'a|b|c|d|e|f|g|h|i|j|k|l|m|n|o|p|q|r|s|t',
button_array = buttons.split('|'),
button_holder = $('btn_box'),
innerhtml = ''
for(var i in button_array) {
innerhtml += '<button>' + button_array[i] + '</button>' +
((+i + 1) % 5 == 0 ? '</br>' : '')
}
button_holder.innerHTML = innerhtml + button_holder.innerHTML
button_holder.onclick = function(e) {
var target = e.target
if(target != this)
alert(target.innerHTML)
}
var button_prev = $('prev'),
button_next = $('next')
button_prev.onclick = function(e) {
e.stopPropagation()
button_next.style.visibility = 'hidden'
}
button_next.onclick = function(e) {
e.stopPropagation()
button_prev.style.visibility = 'hidden'
}
</script>
&：逻辑与，&&同样可以表示逻辑与；
||：逻辑或，|也可以表示逻辑或；
＝＝＝：先判断左右两边的数据类型，如果数据类型不一致，直接返回false；
！：逻辑非；
＋＋：自加符号，在原有的基础上加上1；
js运算符双竖杠“||”的用法
1、JS双竖线运算符：是或比较。如null||‘1’，返回’1’‘2’||‘1’，返回’2’。即或运算符中，第一个为真，后面的就不用计算了，所以得’2’。
2、js中使用双竖线运算符"||"，返回第一个有效值
varobjOne=undefined||1||null||newDate()
varobjTwo=newDate()
varobjThree=objOne||objTwo
alert(objThree.toString())//output“1”
扩展资料：
1、逻辑运算符&&、||和&、|性能上的比较
逻辑运算符&&||中，如果&&的第一个运算数是false，就不再考虑第二个运算数，直接返回false；
如果||的第一个运算数是true，也不再考虑第二个运算数，直接返回true。而&和|运算符却不是这样的，它们总是要比较两个运算数才得出结果，因而性能上&&和||会比&和|好。
2、功能用法
&&和||只能进行逻辑运算，而&和|除了可以进行"逻辑运算"外，还可以进行位运算。
3、位运算
&和|本是位运算符，之所以可以进行"逻辑运算"，是由于JS是无类型的语言、各数据类型可以自由转换这一特性决定的，当用&和|进行"逻辑运算"时，实际上true被转换成1，false被转换成0，再进行逐位运算：
document.write(true&false)//JS，结果为0
1、创建一个名称为 script_text 的html文件 。
2、添加一个 Script 对象引入js文件 设置id为 my_script_id_text,在script加入输出字符串的语句。
3、添加一个button按钮，在点击事件中加入自定义函数 为my_script_text。
4、在javascript中创建一个自定义函数 my_script_text。
5、在自定义函数中获取script对象。用 text属性获取 scripit中的内容，将获取的结果添加到p标签中显示。
