发表于: 2016-07-17 18:33:06

1 1512


今天完成的事情:学习JS  。。。

明天计划的事情:继续学习

遇到的问题:从学语文变学数学了。。

收获:

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

var 变量名

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

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

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

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

变量要先声明再赋值,如下:

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

变量可以重复赋值,如下:

var mychar;
mychar="javascript";
mychar="hello";

注意:

1. 在JS中区分大小写,如变量mychar与myChar是不一样的,表示是两个变量。

2. 变量虽然也可以不声明,直接使用,但不规范,需要先声明,后使用。




if...else语句是在指定的条件成立时执行代码,在条件不成立时执行else后的代码。

语法:

if(条件)
{ 条件成立时执行的代码 }else{ 条件不成立时执行的代码 }

假设我们通过年龄来判断是否为成年人,如年龄大于等于18岁,是成年人,否则不是成年人。代码表示如下:

<script type="text/javascript">   var myage = 18;
   if(myage>=18)  //myage>=18是判断条件  
    { document.write("你是成年人。");}  
    else  //否则年龄小于18 
    { document.write("未满18岁,你不是成年人。");}
</script>






如何定义一个函数呢?基本语法如下:

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

说明:

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

    /要带()/

  2. “函数名”你为函数取的名字。

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

   <script type="text/javascript">
      function contxt() //定义函数
      {
         alert("哈哈,调用函数了!");
      }
   </script>

<body>
   <form>
      <input type="button"  value="点击我" onclick="contxt()" />  

   </form>
</body>





输出内容(document.write) 
document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。

第一种:输出内容用“”括起,直接输出”“号内的内容。

<script type="text/javascript">
  document.write("I love JavaScript!"); //内容用""括起来,""里的内容直接输出。
</script>

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

<script type="text/javascript">
  var mystr="hello world!";
  document.write(mystr);  //直接写变量名,输出变量存储的内容。
</script>

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

<script type="text/javascript">
  var mystr="hello";
  document.write(mystr+"I love JavaScript"); //多项内容之间用+号连接
</script>

第四种:输出HTML标签,并起作用,标签使用“”括起来。

<script type="text/javascript">
  var mystr="hello";
document.write(mystr+"<br>");//输出hello后,输出一个换行符
  document.write("JavaScript");
</script>

关于JS输出空格问题,一般用转义符“&nbsp”


我们在访问网站的时候,有时会突然弹出一个小窗口,上面写着一段提示信息文字。如果你不点击“确定”,就不能对网页做任何操作,这个小窗口就是使用alert实现的。

语法:

alert(字符串或变量); 
看下面的代码:

<script type="text/javascript">
   var mynum = 30;
   alert("hello!");
   alert(mynum);
</script>

注:alert弹出消息对话框(包含一个确定按钮)。

结果:按顺序弹出消息框 

注意:

  1. 在点击对话框”确定”按钮前,不能进行任何其它操作。

  2. 消息对话框通常可以用于调试程序。

  3. alert输出内容,可以是字符串或变量,与document.write 相似。



提问     prompt(str1, str2);

打开新窗口      window.open([URL], [窗口名称], [参数字符串])

关闭窗口  close()

获取id 

 document.getElementById(“id”) 

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

改变样式。

Object.style.property=new style;



返回列表 返回列表
评论

    分享到