JavaScript 简介

最新推荐文章于 2024-04-26 18:29:56 发布

藜笙

最新推荐文章于 2024-04-26 18:29:56 发布

阅读量442

点赞数 1

分类专栏： javascript 文章标签： css javascript html

本文链接：https://blog.csdn.net/HG13542386794/article/details/116857476

版权

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。

HTML.CSS.JavaScript,三者的区别，HTML用于控制网页结构，CSS用于控制网页的外观，而JavaScript控制网页的行为。

通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

组成：

1、ECMAScript:它是JavaScript语言的标准,规定JavaScript的编程语法和基础核心知识

2、DOM(Document Object Model)：文档对象模型，描述处理网页内容的方法和接口。

3、BOM(Browser Object Model)：浏览器对象模型，描述与浏览器进行交互的方法和接口。

特点：

1、是一种解释性脚本语言（代码不进行预编译）。

2、主要用来向HTML页面添加交互行为。

3、可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。

4、跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）

用法

1. HTML 中的脚本必须位于<script> 与</script> 标签之间。

2. 脚本可被放置在HTML 页面的<body> 和<head> 部分中。

3. <script></script>标签对如需在HTML 页面中插入JavaScript，请使用<script> 标签。

4. <script> 和</script> 会告诉JavaScript 在何处开始和结束。

5. <script> 和</script> 之间的代码行包含了JavaScript，浏览器会执行<script>之间的javascript。

<script> 
   alert("Hello World!"); 
</script>

在HTML文档中的位置

1、内部的Javascript可以在HTML 文档中放入不限数量的脚本。

脚本可位于HTML 的<body> 或<head> 部分中，或者同时存在于两个部分中。

通常的做法是把函数放入<head> 部分中，或者放在页面底部。

这样就可以把它们安置到同一处位置，不会干扰页面的内容。

2、外部的Javascript脚本文件也可以把脚本保存到外部文件中。

外部文件通常包含被多个网页使用的代码。

外部JavaScript 文件的文件扩展名是.js。

如需使用外部文件，请在<script> 标签的"src" 属性中设置该.js 文件的引用路径。

你可以将脚本放置于<head> 或者<body>中实际运行效果与您在<script> 标签中编写脚本完全一致.

注意：外部脚本不能包含<script> 标签。

例： <scriptsrc="myScript.js"></script>

输出

1、document.writedocument.write()用于直接在网页中输出内容，需要注意的是，如果是在文档加载后使用，会覆盖整个文档原来的内容。

输出内容用“”括起来，直接输出“”中的内容；

输出变量，直接将变量放到（）中，不需要使用“”；

输出多项内容，使用字符串拼接的方法，内容直接用+连接；

输出HTML标签，标签需使用“”括起来。

2、alert警告消息对话框在网页中弹出的小窗口（包含一个确定按钮），用于提示信息，消息框是按顺序弹出的。

语法：alert(字符串/变量)注意：

（1）在点击对话框“确定”按钮之前，不能进行任何其他操作；

（2）消息对话框通常用于调试程序；

（3）alert输出的内容可以是字符串或者变量，同document.write()。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
	<input type="button" onclick="display_alert()" value="Display alert box" />
	<script>
	    function display_alert(){
		  alert("I am an alert box!!")
	 }
	</script>
</body>
</html>

样式：点击：

3、confirm确认消息对话框confirm对话框（包含一个确认和一个取消按钮），通常用于允许用户做选择动作。

语法：confirm(str)参数：str表示要在对话框中显示的文本，返回值是boolean值；当用户点击“确定”按钮时，返回true;当用户点击“取消”按钮时，返回false;

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
	<input type="button" onclick="disp_confirm()" value="Display a confirm box" />
	<script>
	    function disp_confirm(){
           var r=confirm("Press a button")
		    if(r==true){
			    document.write("You pressed OK!")
			}
		    else{
			   document.write("You pressed Cancel!")
			}
      }
	</script>
</body>
</html>

样式：点击：

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

语法： prompt(str1,str2)参数：str1是必填项，要显示在对话框中的文本，不可修改；

str2为选填项，要显示为文本框的文本，可修改返回值：

点击确定按钮，文本框中的内容作为函数返回值；

点击取消按钮，返回null。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
	<input type="button" onclick="disp_prompt()" value="Display a prompt box" />
	<script type="text/javascript">
	function disp_prompt(){
	  var name=prompt("Please enter your name","")
	  if (name!=null && name!="")
		{
		  document.write("Hello " + name + "!")
	 }
  }
</script>
</body>
</html>

样式：

藜笙

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 简介

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。组成： 1、ECMAScript:它是JavaScript语言的标准,规定JavaScript的编程语法和基础核心知识 2、DOM(Document Object Model)：文档对象模型，描述处理网页内...
复制链接

扫一扫