需要准备的材料分别是:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html的<script>标签中,再输入js代码:var a = 'ABC123456'var b = a.substr(3)document.body.innerText = b。
3、浏览器运行index.html页面,此时会发现后面的数字内容被用js取出来了。
js网页绝对定位/相对定位,参考如下:<html>
<head>
<meta http-equiv="content-type" content="text/htmlcharset=GB2312" />
<title>CSS和Js演示网页绝对定位与相对定位</title>
<!-- 通用样式表 -->
<style>
* { font-size:12pxfont-family:宋体, Arial} /*规定了所有的字体样式*/
body { overflow:autoborder-style:nonemargin:0pxpadding:0px}
.tools { position:absolutetop:180pxleft:10px}
#abs { position:absoluteleft:10pxtop:10pxwidth:150pxheight:150pxbackground-color:buttonfacepadding:10px}
#rel { position:relativeleft:170pxtop:40pxwidth:150pxheight:120pxbackground-color:buttonfacepadding:10px}
</style>
<script>
function logEvent(){
$("ipt_x").value = event.x
$("ipt_y").value = event.y
$("ipt_x2").value = event.clientX
$("ipt_y2").value = event.clientY
}
function $(str){ return(document.getElementById(str))}
window.onload = function(){
document.onmousemove = logEvent
}
</script>
</head>
<body>
<div id="abs">绝对定位</div>
<div id="rel">相对定位</div>
<div class="tools">
event.x <input id="ipt_x" size="15" >
event.y <input id="ipt_y" size="15" >
<br/>
event.clientX <input id="ipt_x2" size="9" >
event.clientY <input id="ipt_y2" size="9" >
</div>
</body>
</html>
普通居中方法:margin:0 auto;就可以实现。应该是样页面的一个DOM居中吧!就用相对定位就可以了。
下面是个小例子:
<body><div id="div" style="width:100px height:100px background:#ccc display:none"></div>
<input type="button" value="click me" id="btn" />
</body>
<script>
var oBtn = document.getElementById('btn')
var oDiv = document.getElementById('div')
oBtn.onclick = function(){
oDiv.style.cssText = 'width:100px height:100px background:#ccc top:50% left:50% position:absolute margin-left:-50px margin-top:-50px display:block'
}
</script>
cssText 需要将原样式清空后再补填样式。
主要是用样式的定位来做。你可以通过页面的宽度和高度去计算。