大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
是这个意思吗?
创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站设计、成都网站建设、外贸网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的汉源网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
HTML:
body
input type="text" onfocus="change(this)" onblur="re(this)" value="" /
/body
JS:
script type="text/javascript"
function change(obj){
var css = "border:1px solid #FF0000;";
obj.style.cssText = css;
}
function re(obj){
var css = "border:1px solid #000000;";
obj.style.cssText = css;
}
/script
第一种:这样的代码用多了比较耗时,尽量少用;
head
script
window.onload=function(){
var oInput=document.createElement("input");
oInput.type="text";
document.body.appendChild(oInput);
}
/script
/head
第二种:这种也行
head
script
window.onload=function(){
document.body.innerHTML="input type='text' /"
}
/script
/head
如果需要用javascript获取id为username1, password1的输入框的值,将其写入id为username2, password2的输入框,那么红线区域的代码是不可取的。这样看到的结果是,alert依次弹出username1, password1的输入框的值,事实上并没有成功的赋值。这是为什么?因为var username2 = document.getElementById("username2").value; 这行代码中username2的值是一个空字符串,举个例子,如果username1 = "123", 那么username2 = username1;就等价于""="123",把一个字符串赋值给空字符串,没有意义。同理,password2 = password1;也是一个道理
解构赋值语法是一种 JavaScript 表达式,通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。这种语法是 ECMAscript 6 规范引入了一种新语法,可以更轻松地从数组和对象中获取值。
只需改动上面红色的四行代码。如下所示,username2.value有两个含义,1. 它的值是空字符串;2. 它表示元素对象的属性,username2.value = username1; 就是把id为username1的输入框的值赋值给id为username2的对象的属性。