javascript的日常代码

1. 直接输出文字:     document.write("<显示的类型>显示文字</类型>");

<script>
document.write("<h1>This is a heading</h1>");       //This is a heading以h标题字形式显示
document.write("<p>This is a paragraph.</p>");     / /This is a paragraph.以p普通文字形式显示
</script>

 

2.  弹出对话框,   alert('XXX')       里面的内容是xxxxx

<button type="button" onclick="alert('Welcome!')">点击这里</button>     //此代码生成一个代码,并且按一下这个按钮弹出welcome字眼的对话框。

 

3.单击按钮改变文字(生成一个按钮,一按这个按钮,文字   JavaScript 能改变 HTML 元素的内容   就转变为   Hello JavaScript!    )

<body>

<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>

 

<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素,这2句代码是换文字关键,必须以函数形式function A(){}表达,

                                                        //最左边的x可以随便命名,x的到id为demo的所有内容,就是得到  文字JavaScript 能改变 HTML 元素的内容。
x.innerHTML="Hello JavaScript!";        //这个x是运用x得到的文字内容去修改,并输出 
}
</script>

 

<button type="button" onclick="myFunction()">点击这里</button>    

</body>

 4. 获取按钮上的文字内容

<input type="text" id="button1" value="Click Me"/>    //value是按钮显示的内容

那么当调用document.getElementById("button1").value的时候,返回的就是"Click Me"了
//document.getElementById("button1")是获得这个id的按钮,后面的.Value是指获得按钮的显示内容,就是value了, . 是为了指明引用这个id的什么,value必须要小写。

 

posted @ 2014-05-12 19:19  小鱼爱飞  阅读(284)  评论(0编辑  收藏  举报