大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

javascript方框,方框的代码

很冒昧,我想请教一下,怎样用JS语言显示多个不同颜色的方框呢?

是这个意思吗?

创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站设计、成都网站建设、外贸网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的汉源网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

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

用javascript如何创建文本框

第一种:这样的代码用多了比较耗时,尽量少用;

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赋值有四个框

如果需要用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的对象的属性。


文章标题:javascript方框,方框的代码
网站URL:http://dzwzjz.com/article/phcogh.html
在线咨询
服务热线
服务热线:028-86922220
TOP