prompt 消息对话框

如：

score = prompt("请输入你的成绩","0")               ;

if(score>=90)

{

   document.write("你很棒!");

}

语法：

prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。

语法:

prompt(str1, str2);

参数说明：

str1: 要显示在消息对话框中的文本，不可修改
str2：文本框中的内容，可以修改

返回值:

1. 点击确定按钮，文本框中的内容将作为函数返回值
2. 点击取消按钮，将返回null

confirm 消息对话框

语法:

confirm(str);

参数说明:

str：在消息对话框中要显示的文本返回值: Boolean值

返回值:

当用户点击"确定"按钮时，返回true
当用户点击"取消"按钮时，返回false

example:

<script type="text/javascript">
    var mymessage=confirm("你喜欢JavaScript吗?");
    if(mymessage==true)
    {   document.write("很好,加油!");   }
    else
    {  document.write("JS功能强大，要学习噢!");   }
</script>

函数   

<script type="text/javascript">

       contxt() //定义函数

      {

         alert("哈哈，调用函数了!");

      }

   </script>

基本语法：

function 函数名(){
     函数代码;
}

说明:

1. function定义函数的关键字。

2. "函数名"你为函数取的名字。

3. "函数代码"替换为完成特定功能的代码。

变量

定义变量使用关键字var,语法如下：

var 变量名

变量名可以任意取名，但要遵循命名规则:

    1.变量必须使用字母、下划线(_)或者美元符($)开始。

    2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。

    3.不能使用JavaScript关键词与JavaScript保留字。

变量要先声明再赋值，如下：

var mychar;
mychar="javascript";
var mynum = 6;

window.open运行结果考虑浏览器兼容问题

JS中区分大小写

html中不区分大小写

1、直接在html中写script代码
<script type="text/javascript">
 document.write("开始学习js")
</script>
2、引入外部文件 不需要script标签
<script src="script.js"></script>

如何输出空格

1. 使用输出html标签&nbsp;来解决

 document.write("&nbsp;&nbsp;"+"1"+"&nbsp;&nbsp;&nbsp;&nbsp;"+"23");

 结果:  1    23

2. 使用CSS样式来解决

 document.write("<span style='white-space:pre;'>"+"  1        2    3    "+"</span>");

 结果:  1       2     3    

 在输出时添加“white-space:pre;”样式属性。这个样式表示"空白会被浏览器保留"

JavaScript-输出内容（document.write）

第一种:输出内容用""括起，直接输出""号内的内容。

第二种:通过变量，输出内容

第三种:输出多项内容，内容之间用+号连接

第四种:输出HTML标签，并起作用，标签使用""括起来。

innerHTML 属性用于获取或替换 HTML元素的内容

语法：Object.innerHTML 

注意:

1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。

2.注意书写，innerHTML区分大小写

取消先前设置的样式：

语法：object.style.removeAttribute("style");

1. HEAD中的脚本，是可以保证脚本在任何调用之前被加载。 2. BODY中的脚本，当页面被加载时执行的脚本放在HTML的body部分。放在body部分的脚本通常被用来生成页面的内容。 3. Javascript可以放在页面的任何地方，它的加载顺序与页面的加载顺序一致，页面加载时，先加载head部分，后加载body部分，所以当把javascript代码块放在HTML前面时，它将先于head被加载，当放在head里面时，它将先于body被加载，当放在页面最后的的html之外

2. 
   

html的注释:<!--我是注释--> 

css和js多行的注释:/*我是注释*/

 js单行的注释://我是注释

控制类名（className 属性）

object.className = classname

请输入笔记内容...

显示和隐藏（display属性）

网页中经常会看到显示和隐藏的效果，可通过display属性来设置。

语法：

Object.style. = value

注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。

value取值:

看看下面代码: