程序博客网 > it专业

js基本操作2

来源：互联网发布：it专业编辑：程序博客网时间：2024/05/28 16:14

<script>
//浏览器对象模型(BOM-browser object model)
//其中最重要的对象是window，兼容性不好
//alert(typeof window);
/*
window.alert("大家好");
window.confirm("是否确认");
window.prompt("请输入年龄",20);
*/

//window.moveBy(-10,-10);

//window.open("http://www.baidu.com","_blank","width=400,height=400");打开新的页面，而不是跳转

//window.close();

function myClose(){
var flag = window.confirm("是否确认关闭");
if(flag) {
window.close();
}
}

</script>

<script>
//开启定时器
//1.window.setInterval("alert('ok')",1000);//在指定时间间隔后重复执行代码
// window.setInterval("alert('ok')",1000);
//2window.setTimeout,//在指定时间间隔后，只执行一次代码
// window.setTimeout("alert('ok2')",1000);

//关闭定时器
//1.window.clearInterval(定时器id)
//window.clearTimeout(定时器id);

/*
function test(){
alert("ok");
}

window.setInterval(function(){alert("ok2")},1000);
*/
//window.setTimeout(function(){alert("ok3")},1000);

/*
function test(){
alert("ok4");
window.setTimeout(test,1000);
}

test();
*/
//使用定时器，完成一个计时器

var i = 0;
var id;
function startTime(){
i++;
alert(i);

id = window.setInterval(startTime,2000);

alert("time id:" + id);
}
function stopTime(){
window.clearInterval(id);
}
</script>

<body>
<input type="button" value="跳转页面" onclick="window.location='http://www.baidu.com'" />
</body>

<script>
//文档对象模型(DOM-document object model),其中最重要的对象就是document
//1.获得页面上的任意一个标签,通过document.getElementById("id值");
//document.title = window.prompt("请输入您的qq空间名称");//修改页面标题
//document.bgColor = "red";
var f = document.getElementById("f");
alert(f);
f.size = '7';
f.color = "yellow";
</script>

<script>
var photo = document.getElementById("p");
photo.width = 300;
photo.height = 200;
//如果用js控制样式？标签对象.style.样式(把样式中的"-"去掉，且"-"后面的单词首字母大写)
photo.style.borderBottom = "10px solid blue";
</script>

<script>
//alert("大家好");
//当页面加载完毕再执行Js代码
window.onload = function(){
alert("大家好");
var f = document.getElementById("flower");
f.width = 300;
f.height = 300;
}
</script>

<script>
function show(){
var username = document.getElementById("username");
var password = document.getElementById("password");
//alert(username.value);
//alert(password.value);
var re = /^[a-z0-9]{6,18}$/;
var flag = re.test(username.value.toLowerCase().trim());
if(flag) {
alert("格式正确");
} else {
alert("请输入6-18位的数字或者字母");
}
}
</script>

<script>
function show(){
var username = document.getElementById("username");
var password = document.getElementById("password");
var error = document.getElementById("error");
//alert(username.value);
//alert(password.value);
var re = /^[a-z0-9]{6,18}$/;
var flag = re.test(username.value.toLowerCase().trim());
if(flag) {
//alert("格式正确");
//error.innerHTML="<img src='correct.gif'/>";//innerHTML表示在指定标签中插入文字或者标签
error.innerText = "<img src='correct.gif'/>";//innerText表示在指定标签中插入文本
} else {
//alert("请输入6-18位的数字或者字母");
error.innerHTML="用户名应该在6到18位之间";
error.style.color="red";
}
}
</script>

<script>
function show(){
var username = document.getElementById("username");
var password = document.getElementById("password");
var error = document.getElementById("error");
var errorImage = document.getElementById("errorImage");
//alert(username.value);
//alert(password.value);
var re = /^[a-z0-9]{6,18}$/;
var flag = re.test(username.value.toLowerCase().trim());
if(flag) {
errorImage.style.display = "inline";
error.style.display = "none";
} else {
errorImage.style.display = "none";
error.style.display = "inline";
}
}
</script>

<script>
function show(){
//document.getElementsByName通过标签的name属性来获得一组标签，其返回值是数组
var hobbies = document.getElementsByName("hobby");
//alert(hobbies.length);
for(var i = 0;i < hobbies.length;i++){
if(hobbies[i].checked == true) {
alert(hobbies[i].value);
}
}
var genders = document.getElementsByName("gender");
for(var i = 0;i < genders.length;i++) {
if(genders[i].checked){
alert(genders[i].value);
}
}
}
</script>

<script>
function test(obj){
if(obj.value == "请输入用户名") {
obj.value = "";
}
}
</script>
</head>
<body>
用户名<input type="text" value="请输入用户名" onfocus="test(this)" />
</body>

<script>
//找出div下的所有子节点
window.onload = function(){
//获得div标签对象
var b = document.getElementById("b");
//找出div下的所有子节点
//var c = b.childNodes;//获得指定对象的所有子节点，包括空白节点
var c = b.children;//获得指定对象的所有标签子节点，不包括空白节点
alert(c.length);//返回值是5，因为
/*
for(var i = 0;i < c.length;i++) {
//alert(c[i].nodeName);//获得节点名称#text文本节点，IMG节点
//alert(c[i].nodeType);
if(c[i].nodeType == 1) {//空白节点的类型是3，标签节点类型是1，通过类型取出标签节点
alert(c[i].nodeName);
}
}
*/
}
</script>

阅读全文

0 0

it专业

it专业

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子远程物流网点查询开户网点怎么查农夫山泉网点联想服务网点创新物流网点国金证券网点手机维修网点查询联想售后网点龙邦速递网点查询工行网点营业时间银行业网点转型邮政网点查询派送范围查询京东物流网点查询泰康人寿网点惠普售后网点查询宏基售后网点广发网点查询达发物流网点中铁快运网点国美电器网点海尔售后网点查询诺基亚服务网点戴尔服务网点宇鑫物流网点查询联昊通网点查询联想售后服务网点中信证券营业网点三星售后服务网点联想售后服务网点查询中兴售后服务网点农村商业银行网点 dell售后服务网点长虹售后服务网点联想手机售后网点能率售后服务网点 sony售后服务网点中信证券营业部网点联想手机售后服务网点诺基亚售后服务网点戴尔电脑售后服务网点联想thinkpad售后服务网点