JS-Elementary2017-07-28

最新推荐文章于 2024-09-13 22:28:46 发布

CasvotLee

最新推荐文章于 2024-09-13 22:28:46 发布

阅读量194

点赞数

本文链接：https://blog.csdn.net/ledgewont/article/details/76278635

版权

本文介绍了JavaScript的基础语法，包括变量定义、函数声明、条件语句等，并详细讲解了常用的DOM操作方法及如何使用JavaScript创建弹窗对话框、输出内容等。

摘要由CSDN通过智能技术生成

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="点击我，打开新窗口!" >