js学习——引入js两种方式（1）

最新推荐文章于 2024-05-09 10:39:03 发布
最新推荐文章于 2024-05-09 10:39:03 发布
阅读量1k 收藏 1
点赞数
分类专栏： javaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43812504/article/details/104608661
版权

  1. 学习网址（后盾人）：https://www.houdunren.com/
    b站视频：https://www.bilibili.com/video/av80536021

  2. 引入js的两种方式：
    1.引入外部文件：
    通过设置 src 属性引入外部js文件。
    引入的1.js文件内容：

alert(3);

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js练习</title>
</head>
<body>
     你好
    <script src="1.js"></script>
    
</body>
</html>

注意：
①引入外部文件时，在标签体内的脚本不会执行。
测试：引入的1.js文件内容：

alert(3);

**html**文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js练习</title>
    <script src="1.js">
        alert('666.com');
    </script> 
</head>
<body>    
</body>
</html>

②一般将其放在内容的最后面，避免延迟：如果放在标签中，首先加载解析js，之后才会显示标签中的内容。
测试代码： 引入的1.js文件内容：

alert(3);

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js练习</title> 
</head>
<body>   
    你好
    <!-- <script src="1.js"></script> -->   
     <!-- 将其放在<head>标签体内与放在此处作比较 -->
</body>
</html>

结果：
在这里插入图片描述
在这里插入图片描述
2.内嵌脚本(不常使用)
像style标签一样，可以在html文档中使用script标签嵌入javascript代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js练习</title>   
</head>
<body>
   
    你好
    <script>
        alert("consistent")
    </script>
</body>
</html>
远方有只兔子~
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS的两种引入方式——内部形式，外部形式
weixin_50680475的博客
12-05 2819
JavaScript程序不能独立运行，他需要被嵌入HTML中，然后浏览器才能执行js代码。通过script标签将js代码引入到HTML中，有两种方式： 1，内部形式 通过script标签包裹JavaScript代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>JavaScript 内部引入方式</title>
javascript从入门到跑路—–小文的js学习笔记（3）———javascript中的数据类型
01-20
此外，从 ES6 开始，JavaScript 引入了两种新的数据类型： 7. **Symbol**：一种唯一的、不可变的数据类型，常用于对象属性的标识。例如： ```javascript var uniqueSymbol = Symbol("unique"); ``` 8. **BigInt...
Js引入js三种方法
最新发布
qq_52700250的博客
05-09 1819
【代码】Js引入js三种方法
JS进阶——让你对JS理解更为透彻
08-01
JavaScript（简称JS）是一种广泛使用的轻量级编程语言，尤其在网络开发中占据着核心地位。在进阶学习JS时，理解和掌握面向对象编程（Object-Oriented Programming, OOP）是非常重要的一步。OOP允许我们将复杂的程序...
JavaScript基础教程——入门必看篇
10-22
在网页中引入JavaScript有两种主要方式： 1. **内联方式**：直接在HTML标签中使用`onclick`等事件属性嵌入JavaScript代码。 2. **外部文件引用**：创建.js文件，然后在HTML中使用`<script src="..."></script>`引用...
2014-11-18-JS模块化编程（2）——规范1
08-04
本篇文章主要探讨了两种JavaScript模块化规范：CommonJS 和 AMD（Asynchronous Module Definition），这两种规范分别适用于服务器端和浏览器端。 1. CommonJS CommonJS 是一套为服务器端JavaScript设计的规范，它...
Javascript中的神器——Promise
10-20
JavaScript中的Promise对象是解决异步编程问题的一种重要机制，它在ES6中被引入，旨在克服传统的回调函数地狱，提供了一种更优雅的方式来管理和组织异步操作。Promise代表了一个未来可能完成或失败的操作，它拥有三...
圆周运动（Math.PI）、Math.cos(x)、Math.sin(x)
qq_43812504的博客
01-13 2252
知识点： Math.cos(x): cos() 方法可返回一个数字的余弦值。返回的是 -1.0 到 1.0 之间的数。 Math.sin(x): sin() 方法可返回一个数字的正弦值。返回的是 -1.0 到 1.0 之间的数。 两个函数中的X 都是指的“弧度”而非“角度” 。弧度的计算公式为： 角度 *（PI/180） let h = deg * Math.PI / 180; ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210113173747165.gi
const注意点（对象赋值）
qq_43812504的博客
03-11 827
给const修饰的标识符被赋值后，不能修改； 在使用const定义标识符，必须进行赋值 常量的含义是指向的对象不能修改，但是可以改变对象内部的属性。 const obj = {//保存的是地址 name: 'why', age: 18, height: 1.88 } //不能写成obj={},相当于重新赋值，一个新的地址 console.log(obj); obj.name = 'kobe'; obj.age = 40;.
JS学习— 强制数据类型转换：Boolean()、Number()、parsetInt()、parsetFloat()
qq_43812504的博客
09-04 636
Boolean()将其他的数据类型强制转换成布尔值 口诀：非0即真 （数字不是0，转换成布尔值都为true） 非空即真(字符串不为空，转换成布尔值都为true) alert(Boolean(-100));//true alert(Boolean(90));//true alert(Boolean(0));//false alert(Boolean("jij"));//true alert(Boolean("uiuuig"));//true ale..
ES6作用域（let,给按钮循环添加点击事件问题）
qq_43812504的博客
03-10 478
ES5之前存在的问题：因为if和for都没有块级作用域的概念，所以很多时候都必须借助函数的作用域来解决使用外面变量的问题。 // 1.变量作用域：变量在什么范围内可用,但是使用var时没有作用域，上述都能够打印出why { var name = 'why'; console.log(name); } console.log(name); ```javascript //2没有块级作用域引起的问题：if的块级 var fun;
个人博客（练手小项目）
qq_43812504的博客
03-01 461
1. 使用：html,js,css,jquery 2.功能： 留言板：留言、留言评论、删除留言、点赞、 登录注册 笔记 记录随笔 3.代码结构： 4.github地址： https://github.com/lee-xx2/blog.git 5.效果展示：
js 放大镜（面向对象）
qq_43812504的博客
01-15 418
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>放大镜</title> <script src="util.js"></script>.
js学习——全局污染
qq_43812504的博客
04-07 404
定义变量时没有使用var声明，变量也能使用： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
JS学习—运算符（算数运算符、关系运算符、逻辑运算符、一元运算符、赋值运算符）
qq_43812504的博客
09-04 375
一、算数运算符 + - * / %（取余符号） 计算机进行自动数据类型转换：不同数据类型之间没有办法进行运算，将数据转成同一数据类型，再进行计算。 其中一个操作数是字符串，运算符是+号，别的数据类型转换成字符串，两个字符串会拼接起来。 alert('hello' + 100);//hello100 alert('hello' + true);//hellotrue alert('hello' + NaN);//helloNaN alert('hello' + undefi
原生js缓冲运动——》封装动画函数
qq_43812504的博客
01-13 298
缓冲运动 缓冲运动： 在固定距离中做减速运动 缓冲运动与减速运动的区别： 减速运动不确定最终停止的位置，缓冲运动在特定位置停止。 效果： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &lt
数组的方法
qq_43812504的博客
03-23 295
push() /*【1】push() 向数组中追加 数据添加到数组的末尾 改变原数组 返回值：添加数据之后 的数组长度 */ var arr = [0,2,3,4]; console.log(arr.push(99)); console.log(arr); unshift() 改变原数组 返回值：添加数据之后 的数组长度
手写bind、apply、call
qq_43812504的博客
03-19 287
1.手写bind: Function.prototype.myBind = function () { if (typeof this != 'function') { throw new TypeError('ERROR'); } //获取传递的参数 //Array.from() //1.复制数组，如果传的是数组，将把数组复制一份传给新数组。 //2.如果是伪数组，将会转成数组在赋给新数组。 // 获取参数 const args = Array.from(argum
js学习——变量及变量提升问题（2）
qq_43812504的博客
03-04 173
命名规则： JS中的变量是弱类型，可以保存所有类型的数据，变量没有类型而值有类型。 变量名以字母、$、_ 开始，后跟字母、数字、_.。 var web = "goodnight"; let $ = "csdn"; var _dou = "you" ; 变量名不能是JS语言关键字，比如true、if、class等。 变量声明与赋值： var test; t...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值