JS中的SRC

博客探讨了在应用SRC属性创建JS文件时,能否在文件中使用<script>标记及直接用输出语句的问题。指出JS文件不是HTML文件,内部不能有HTML标记,且因JS文件由<script src=“…”>调用,使用<script>标记会造成重复。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

当应用SRC属性时,首先需要创建一个JS文件。为什么不在此文件中使用<script>标记?您可以直接使用输出语句吗?
我会分享我的报告
一个答案

JS文件不是HTM文件,因此内部不能有HTML标记(Output语句中包含的HTML标记除外)。
即使可以在JS文件中使用<script>标记,因为JS文件本身是由<script src=“…”>标记调用的,这将成为重复标记,这是对蛇绘图的补充。
JS属于脚本文件,由脚本代码组成。实际上,在代码间的普通<script>和</script>标记被剪切到新文件中是一个JS文件,然后将文件名放入脚本的SRC属性中。

转载于:https://www.cnblogs.com/blogst/p/10950100.html

### HTML `src` 属性的使用方法 #### 什么是 `src` 属性? `src` 是 **source** 的缩写,在HTML中表示资源的来源地址。它主要用于指定外部资源的位置,比如图像、脚本、视频、音频或框架等内容。 --- #### 常见标签中的 `src` 属性及其用法 1. **<img> 标签** `<img>` 标签通过 `src` 属性加载并显示一张图片。 ```html <img id="myImage" src="old_image.jpg" alt="旧图片"> ``` 如果需要动态更改图片路径,可以借助 JavaScript 或 jQuery 实现[^1]: ```javascript document.getElementById("myImage").src = "new_image.jpg"; // 使用原生JavaScript修改src属性 ``` 2. **<iframe> 标签** `<iframe>` 标签利用 `src` 属性嵌入另一个网页的内容。 ```html <iframe src="https://example.com"></iframe> ``` 此外,可以通过 JavaScript 动态改变 iframe 中展示的内容[^2]: ```javascript const frame = document.querySelector('iframe'); frame.src = 'https://another-example.com'; ``` 3. **<script> 标签** `<script>` 标签用来引入外部 JavaScript 文件。 ```html <script src="app.js"></script> ``` 这里的 `src` 指向的是 `.js` 文件的具体位置[^3]。 4. **<video> 标签** `<video>` 标签允许播放视频文件,其 `src` 属性定义了要播放的视频源。 ```html <video controls width="300"> <source src="movie.mp4" type="video/mp4"> Your browser does not support the video tag. </video> ``` 可以通过 JavaScript 修改当前正在播放的视频文件[^4]: ```javascript const videoElement = document.querySelector('video'); videoElement.src = 'another_movie.mp4'; ``` 5. **<audio> 标签** 类似于 `<video>`,`<audio>` 标签也支持通过 `src` 来指定音频文件的位置。 ```html <audio controls> <source src="sound.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> ``` 同样也可以动态调整音频文件[^5]: ```javascript const audioElement = document.querySelector('audio'); audioElement.src = 'different_sound.mp3'; ``` --- #### 总结 无论是在静态页面还是动态交互场景下,`src` 都是一个非常重要的属性,能够帮助开发者轻松集成各种类型的媒体资源到网页之中。上述示例展示了不同 HTML 元素如何运用该属性来实现各自的功能需求。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值