javascript的引入

1.javascript代码插入html里面主要利用<script></script>元素:

本页面插入js代码:<script type="text/javascript"></script>

引入外部资源文件:<script type="text/javascript" src="path.js"></script>

注:页面在解析中遇见任何</script>节点都会结束对当前js代码的解析:如alert("</script>")可以写成alert("</sc"+"ript>"),引入外部资源文件可以是不在同一服务器上面的文件,但是必须保证外部的资源能够正常访问。

2.js代码的解析会从上而下的顺序解析,一般习惯会将js写在<head>里面,主要是代码的编写习惯将css的引入、页面头的设置全在<head>里面,方便维护人员查看引入文件,

其实对于js代码较多的页面,为了不影响页面的加载效果(<body>里面的代码展示)可以将js写在body页面代码的下方,用户体验会更好,

时间: 2024-10-12 07:26:23

javascript的引入的相关文章

JavaScript文件引入方式区别

1.JavaScript文件引入方式 (1)正常引入 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> (2)defer <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js" defer="defer"></script> (3)as

javascript 的引入

目录 静态引入 动态引入 总结 @(es6) 静态引入 html标签script引入 esm 中import ModuleName from 'module/path' commonjs 中 const ModuleName = reuquire(module/path) AMD,年代久远,价值在于jquery源码采用模块是AMD,你要学习jquery设计模式,必先学习AMD require(['module1/path'], function (module1) { module.someMe

javascript 动态引入css js

include css and js /**  * 导入CSS文件  */ for(var i = 0; i < common_css_files.length; i++){ document.write("<link rel='stylesheet' type='text/css' href='"+common_css_files[i]+"'>"); } /**  * 导入JS文件  */ for(var i = 0; i < common

Javascript的引入方式

JS的三种引入方式: (JS的注释与PHP相同,单行注释使用//,多行注释使用/* */). 1,源码中任何地方都可以直接使用JS代码,但是它的优先级最低,推荐写到最后 <script> alert('123');      //直接使用,打开网页弹窗显示:123. </script> 2,由外部文件引入,例如CSS,但注意:外部引入JS文件,内部不可再写JS代码 <script src="引入JS文件的绝对路径"></script> 3

ajax(Asynchronous JavaScript + XML) 技术学习

参考文档:https://developer.mozilla.org/en-US/docs/AJAX 本文进行了大致翻译. Ajax 本身本不是一门技术,而是在2005年由Jesse James Garrett首创的描述为一个"新"途径来应用许多已存在的技术,包括:HTML 或者 XHTML, Cascading Style Sheets, JavaScript, The Document Object Model, XML, XSLT, 和最重要的 XMLHttpRequest ob

JavaScript高级程序设计笔记之面向对象

说起面向对象,大部分程序员首先会想到 类 .通过类可以创建许多具有共同属性以及方法的实例或者说对象.但是JavaScript并没有类的概念,而且在JavaScript中几乎一切皆对象,问题来了,JavaScript中如何面向对象? JavaScript中将对象定义为:一组无序的 键值对的集合,属性以及方法的名称就是键,键的值可以是任何类型(字符串,数字,函数--) 在JavaScript中,所有对象继承自Object,所有对象继承自Object,所有对象继承自Object! 创建 1  简单创建

前端JavaScript规范

JavaScript规范 目录 类型 对象 数组 字符串 函数 属性 变量 条件表达式和等号 块 注释 空白 逗号 分号 类型转换 命名约定 存取器 构造器 事件 模块 jQuery ES5 兼容性 HTML.CSS.JavaScript分离 使用jsHint 前端工具 类型 原始值: 相当于传值(JavaScript对象都提供了字面量),使用字面量创建对象. string number boolean null undefined var foo = 1, bar = foo; bar = 9

JavaScript笔记一

一 JavaScript的引入方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--<script>--> <!--alert("你好!")--> <!--</script>--> <

JavaScript在页面中的引用方法

现在前端开发越来越流行,框架也越来越多,像ExtJs.JQuery.Bootstrap等.虽然入行这么多年,但是感觉自己在前端方面还是存在基础不牢的地方,特别是CSS和JS.因此最近打算重新阅读这方面的经典书籍,来夯实自己的基础.因此打算边读书,边写博客,将我自己的感觉有用的地方记下来,以加深印象. 在前端开发,人人都会遇到JavaScript,也必须了解它.在用到它之前,首先必须了解怎么样将其引用到自己的页面中去.以前因为是快速开发,很少去关注这点,对JavaScript的引入,一掠而过,没有