js 入门手记

今天对js的基本概念以及代码进行了简单的练习，主要学习到了在<script>标签内改变样式， 在html页面内添加button的套路，还有js 调出对话框的2个常用语句

1.在script内部更改html元素的样式：

（1）先声明变量 var mydiv，获取元素  var mydiv＝document.getElementById(“txt”)

（2）然后声明函数function changeColor(){

mydiv.style.color=“red”;

mydiv.stlye.backgroundColor=“#ccc”;}

说明：函数内调取html元素设置样式的套路为 Object.style.property=“value”;

2.html内部通过点击按钮button，调用script 内的函数以达到页面交互的效果

<input type="button” value=“显示在button上的内容” onClick=“changeColor()”> 

3.confirm(message)

往往在一个函数里面声明变量，用带有信息的confirm为变量赋值：

var r＝confirm（"Press a button"）

if（r==true）{

   document.write("You pressed OK!")

//弹出一条消息

}

else{

document.write("You pressed Cancel!")

//弹出另一条消息

}

说明：confirm() 方法，将显示一个对话框，对话框里带有指定消息，还有 确定以及取消按钮的对话框。

如果用户点击确定按钮，则 confirm() 返回 true。如果点击取消按钮，则 confirm() 返回 false。

4.prompt(text, defaultText)

往往在一个函数内部声明一个变量，用prompt（）对话框为变量赋值

var name=prompt("Please enter your name","")

  if (name!=null && name!="")

    {

    document.write("Hello " + name + "!")

    }

说明：prompt() 方法显示一个对话框，在对话框内可提示用户进行输入相关信息。