JS-Elementary2017-07-28

来源：互联网发布：iphone7plus软件铃声编辑：程序博客网时间：2024/05/23 05:09

1. JS代码一般放在<head>,<body>中或者放在外部js文件中，在js文件中不需要加<script>，直接编写js代码即可；js文件不能直接执行，需要在HTML文件中引用js文件，如果要引用外部的js代码，则需要在<script>中加入：

</script>

注意: javascript作为一种脚本语言可以放在html页面中任何位置，但是浏览器解释html时是按先后顺序的，所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面，因为初始化都要求提前进行（如给页面body设置css等）；而如果是通过事件调用执行的function那么对位置没什么要求的。

2. javascript 的语句总是以“；” 结束的。

js中定义变量： var 变量名；

js变量规定以字母，下划线，美元符号（$）开始；由字母，数字，下划线，美元符号（$）组成。

3. js的赋值语句与其他语言类似

if....else 语句

4.js函数格式

js定义函数：

function 函数名（）

{

函数体；

}

5. js输出内容

1） document.write("输出内容")；

2）document.write(变量名);

3）输出多项内容用“+”号连接， document.write(变量名+"输出内容");

4）输出HTML中的某些标签，例如document.write("content"+"<br>");

另：使用css样式输出空格document.write("<span style='white-space:pre;'>");

6. javascript中的消息对话框

格式: alert(字符串或变量名)；

7. javascript confirm对话框（确定，取消）

格式： confirm(string) ;

string 为对话框要显示的内容；

实例：

<script type="text/javascript">  function myfun()  {var messages=confirm("make a chioce?");  if(messages==true)  {  document.write("right chioce.");  }     else{    document.write("wrong chioce.") ;}    }</script>      <input name="button" type="button" onClick="myfun()" value="click me"/>

7. prompt消息对话框

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

prompt语法： prompt（str1，str2）；

str1是消息对话框的内容；str2是输入的内容，可以更改。

返回值：点击确定，则返回输入框中的内容；点击取消，返回null值。

8. JavaScript-打开新窗口（Window.open）

语法： window.open( url , 窗口名称，参数字符串)

实例：

<script type="text/javascript">  function Wopen(){    window.open('https://www.google.com/','_blank','width=600,height=400','top=100px,left=0');    } </script>    <input name="button" type="button" onClick="Wopen()" value="点击我，打开新窗口!" >

9. javascript 关闭窗口- window.close

语法： window.close(); 或 [窗体名称].close;

阅读全文

0 0