首页 >

JS的代码能看懂 – CSS – 前端,css右的词怎么写

css 判断ie浏览器,css动画变换,html css js 面试,css未保存如何恢复,css 可移动的弹窗,css 图片不间断滚动代码,css右的词怎么写JS的代码能看懂 - CSS - 前端,css右的词怎么写

要编写JavaScript,您需要Web浏览器以及文本编辑器或HTML编辑器。

一旦准备好软件,就可以开始编写JavaScript代码了。要将JavaScript代码添加到HTML文档,您需要使用文本/ HTML编辑器创建或打开HTML文件。基本HTML文件具有docType和一些基本HTML标记,例如<html> <head>和<body>。例如,基本的HTML 5文档可能类似于下面显示的内容。

<!DOCType HTML>

<HTML>

<HEAD>

<title>测试JavaScript </ title>

</ HEAD>

<BODY>

[内容在这里]

</ BODY>

</ HTML>

当您在Web上看到JavaScript代码时,有时会在<head> </ head>标记之间看到一些JavaScript代码。或者,您可以在<body> </ body>标签中看到它(甚至在两个地方都可以看到它)。要将JavaScript代码与HTML代码分开,您需要将其包含在一组<script> </ script>标记中。开始<script>标记有一个必需属性和一个可选属性。必需属性是type属性,而optional属性是src(允许您指向外部脚本文件,本答案稍后会介绍)。 type属性的值设置为text / javascript,如下所示。

<script type =“text / javascript”>

您的JavaScript代码就在这里。

</ SCRIPT>

如您所见,您的JavaScript代码位于开始和结束脚本标记之间。作为示例脚本,您可以直接在Web页面上编写一个简单的文本字符串,如下面的代码所示(将其放在<body>和</ body>标记之间):

<script type =“text / javascript”>

document.write(“使用JavaScript代码编写的文本!”);

</ SCRIPT>

在上面的示例中,标准JavaScript函数在页面上的引号之间显示文本。它看起来像下面的例子。

使用JavaScript代码编写的文本!

在页面上包含JavaScript的另一个选择是在外部文本文件中创建脚本,并使用.js扩展名保存(使其成为JavaScript文件)。然后使用开始脚本标记的src属性将.js文件包含在页面中。因此,如果您想通过将其放在外部文件中来使用上述脚本,则可以将JavaScript代码(不带脚本标记)放入新的文本文件中,如下所示:

document.write(“使用JavaScript代码编写的文本!”);

然后,您将使用.js扩展名保存文件。例如,您可以将其保存为write.js。保存文件后,您可以通过开始脚本标记的src属性从HTML代码中调用它,如下面的write.js所示。

<script type =“text / javascript”src =“write.js”> </ script>

上述过程与在脚本标记之间编写代码具有相同的效果,但不会使用JavaScript代码混淆HTML代码(有时可能会变得非常冗长)。此方法的另一个优点是可以在多个页面中包含相同的脚本,编辑脚本文件将在使用外部脚本文件的每个页面中更新脚本。这样做可以更容易地编辑脚本,因为它可以在一个地方完成(而不是在包含脚本的每个页面上编辑脚本标记内的代码)。

现在您已了解如何将JavaScript代码添加到网页中,您可以使用任意数量的JavaScript示例脚本,也可以按照JavaScript教程或书籍了解有关JavaScript编码的更多信息。


JS的代码能看懂 - CSS - 前端,css右的词怎么写
  • 什么是定点的坐标 - CSS - 前端,css中的data属性
  • 什么是定点的坐标 - CSS - 前端,css中的data属性 | 什么是定点的坐标 - CSS - 前端,css中的data属性 ...

    JS的代码能看懂 - CSS - 前端,css右的词怎么写
  • 随着人工智能应用的快速发展 - CSS - 前端,css 文字竖
  • 随着人工智能应用的快速发展 - CSS - 前端,css 文字竖 | 随着人工智能应用的快速发展 - CSS - 前端,css 文字竖 ...

    JS的代码能看懂 - CSS - 前端,css右的词怎么写
  • 长安CS35plus导航怎么拆 - CSS - 前端,css处理表格变色
  • 长安CS35plus导航怎么拆 - CSS - 前端,css处理表格变色 | 长安CS35plus导航怎么拆 - CSS - 前端,css处理表格变色 ...