JS的引入

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8" />
 5         <title></title>
 6         <!--外部引入方式必须注意,引入自己能够控制的 js 代码-->
 7         <script type="text/javascript" src="js/index.js"></script>
 8
 9
10
11         <!--script标签可以有无数个-->
12         <script type="text/javascript">
13             //这里面写 js 代码
14         </script>
15     </head>
16     <body>
17
18
19         <script type="text/javascript">
20             //这里面写 js 代码
21         </script>
22
23     </body>
24
25         <!--此处也可以引入js 代码-->
26         <script type="text/javascript" src="js/index.js"></script>
27
28         <!--推荐写在 body 结束之后-->
29         <script type="text/javascript">
30             //这里面写 js 代码
31         </script>
32 </html>

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8" />
 5         <title></title>
 6         <!--外部引入方式必须注意,引入自己能够控制的 js 代码-->
 7         <script type="text/javascript" src="js/index.js"></script>
 8
 9
10
11         <!--script标签可以有无数个-->
12         <script type="text/javascript">
13             //这里面写 js 代码
14         </script>
15     </head>
16     <body>
17
18
19         <script type="text/javascript">
20             //这里面写 js 代码
21         </script>
22
23     </body>
24
25         <!--此处也可以引入js 代码-->
26         <script type="text/javascript" src="js/index.js"></script>
27
28         <!--推荐写在 body 结束之后-->
29         <script type="text/javascript">
30             //这里面写 js 代码
31         </script>
32 </
时间: 2024-10-10 13:15:49

JS的引入的相关文章

js文件引入问题

我们在页面中引入js文件的时候<script>标签一定要是<script></script>这种形式 如果写成了<script/>的这种形式 会造成js文件引入不成功 正确的引入方式:

蓝鸥原生JS:js的引入方式及js的基本数据类型

蓝鸥原生JS:js的引入方式及js的基本数据类型 蓝鸥零基础学习HTML5-html+css基础 http://11824614.blog.51cto.com/11814614/1852769 js的引入方式 在一对 script 标签中引入js代码 通过这种方式引入,可以把js代码和html代码写在同一个文件中,但是注意:最好把js代码写在body之后,文档的加载顺序是从上到下加载的,先把页面内容渲染出来,再加入用户交互,这样用户体验会大大加强. 示例代码: <html lang="en

css js 的引入方式和书写位置

css 的引入方式 1.行内样式 <div id="div1" style="width:100px; height:100px; background:red"></div> 2.内嵌(写在head标签内) <head>     <style>   #div1{ width:100px; height:100px; background:red; } </style> </head> 3.外联

js中引入js

第一个js文件(被引入的js文件),文件名one.js,内容如下 function alertInOne(){    alert('in one');} 第二个js文件,文件名two.js,内容如下 //注意这个地方document.write("<script language='javascript' src='one.js'></script>");function alertInTwo(){    alert("in Two");}

Python+Django+js+echarts引入本地js文件的操作方法

1. 选择正确的echarts.js,开发版选择echarts.baidu.com上的源码版,避免出现问题 2. 在项目主目录中新建static文件夹,里面建立js.css.images文件夹 3. 在settings文件中新增如下代码配置: STATIC_URL = '/static/' STATIC_ROOT = os.path.join(BASE_DIR, 'static') STATICFILES_DIRS = ( ('css', os.path.join(STATIC_ROOT, 'c

JS动态引入js,CSS——动态创建script/link/style标签

一.动态创建link方式 我们可以使用link的方式.如下代码所示. function addCssByLink(url){ var doc=document; var link=doc.createElement("link"); link.setAttribute("rel", "stylesheet"); link.setAttribute("type", "text/css"); link.setA

JS动态引入js、CSS动态创建script/link/style标签

一.动态创建link方式 我们可以使用link的方式.如下代码所示. function addCssByLink(url){ var doc=document; var link=doc.createElement("link"); link.setAttribute("rel", "stylesheet"); link.setAttribute("type", "text/css"); link.setA

在Vue.js中引入jQuery的方法:

步骤一:首先先下载jQuery包 cnpm i jquery -D // 下载 jQuery包 步骤二:在webpack.config.js中配置jquery插件 步骤三:在要使用jQuery的组件页面引入jQuery import $ from 'jquery' //引入jquery

JavaScript的8行代码搞定js文件引入问题

单页面的操作,免不了会有各种jsp的嵌套问题,一个操作页面里面可能涉及到几十甚至上百个jsp页面. 平常我们对用到的js文件的引入,都会放到index的header里面.如图: 但是,让我们思考三个问题: 1.当业务需要,用到iframe的时候,那么iframe页面将不能再直接调用index引入的js文件 2.假如我这个项目有100个jsp页面,有一个js文件只有其中一个jsp要使用,我将这个js放到index的header区,每次一加载项目都会加载它,是不是延长了项目加载时间. 3.针对问题二

js动态引入的四种方式

index.html [html] view plaincopy <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta content="text/html;charset=utf-8" http-equiv=&qu