用Js 在文本框中输出信息

JavaScript04

用Js 在文本框中输出信息,第1张

1、给文本框添加触发事件onfocus和onblur，调用函数处理。完整代码：

<script>

function cls(){

//捕获触发事件的对象，并设置为以下语句的默认对象

with(event.srcElement)

//如果当前值为默认值，则清空

if(value==defaultValue) value=""

}

function res(){

//捕获触发事件的对象，并设置为以下语句的默认对象

with(event.srcElement)

//如果当前值为空，则重置为默认值

if(value=="") value=defaultValue

}

</script>

<input value="填写您的昵称" onfocus="cls()"

onblur="res()">

<input value="填写您的生日(1900-01-01)"

onfocus="cls()" onblur="res()">

注意：本例的方法对大部分表单控件都有效，比如多行文本框。

使用console对象中的log方法，可以在控制台中输出。

在浏览器中按F12，打开开发人员工具，切换到到console选项卡即可看到输出的信息。

举例：

var x = {a:1, b:2}

console.log(s)

<script type="type/javascript">document.write("姓名：度娘"+","+"年龄：365岁"+","+"性别:女")</script>