开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在head标记内链接外部javascript文件不起作用

在head标记内链接外部JavaScript文件不起作用可能是因为JavaScript文件的链接放置在了head标记内，而不是放在body标记内的合适位置。

解决这个问题的方法有两种：

将JavaScript文件的链接放置在body标记的底部：将<script>标签放置在</body>标记之前，确保在浏览器渲染页面之后再加载和执行JavaScript代码。这样可以确保页面的HTML结构已经完全加载，避免因为JavaScript加载和执行时间过长导致页面内容显示延迟的问题。示例代码如下：

<!DOCTYPE html>
<html>
<head>
  <title>页面标题</title>
</head>
<body>
  <!-- 页面内容 -->
  
  <!-- JavaScript文件链接放在body标记内的底部 -->
  <script src="path/to/your/javascript.js"></script>
</body>
</html>

使用defer属性或async属性：这两个属性可以控制JavaScript文件的加载和执行。defer属性用于延迟执行JavaScript文件，等到整个页面解析完毕后再执行；async属性用于异步加载和执行JavaScript文件，不阻塞页面的解析过程。根据具体情况选择其中一个属性即可。示例代码如下：

<!DOCTYPE html>
<html>
<head>
  <title>页面标题</title>
  
  <!-- 使用defer属性 -->
  <script defer src="path/to/your/javascript.js"></script>
  
  <!-- 使用async属性 -->
  <script async src="path/to/your/javascript.js"></script>
</head>
<body>
  <!-- 页面内容 -->
</body>
</html>

以上两种方法可以解决在head标记内链接外部JavaScript文件不起作用的问题，并确保JavaScript文件能够正确加载和执行。对于腾讯云的相关产品和产品介绍链接地址，可以根据具体需求和场景选择适合的产品，例如云服务器、云函数、云存储等，具体可以参考腾讯云官方文档进行查询和了解。

相关搜索:外部CSS文件未加载链接标记 javascript -从外部源加载模式内的链接外部javascript文件在HTML文件中不起作用成功标记html脚本标记内的javascript文件使用.htaccess在head中插入链接和元标记 Ace编辑器在<head>标记内生成CSS样式 HTML脚本标记内的JavaScript代码不起作用 PHP Laravel -链接外部Javascript和CSS文件如何从脚本标记内的javascript数组动态创建<a>链接？在ins标记内通过JavaScript多次加值外部javascript文件在.net核心MVC中不起作用外部Javascript在Firefox中不起作用将外部纯javascript文件链接到React组件 html中的外部javascript文件不起作用链接按钮在javascript中不起作用如何修复链接到html无响应外部javascript文件 Onclick函数在外部javascript文件中不起作用在Django项目外部加载javascript文件在加载内联JavaScript之后，先加载JavaScript外部文件外部javascript在与html文件相同的目录中时不起作用。

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

【专业技术】CSS作用及用法

层叠样式表（Cascading Style Sheets）是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。 CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或

07

天了噜，为什么外链css要放在头部，js要放在尾部？

我们最开始学前端的时候都会看到教程在处理外部css，js的时候会将css放在header中，js放在body的最后。为什么要这样子处理，今天参考一些资料好好分析下。

02

bootstrap笔记（一）——布局容器和排版样式

一般习惯于把引用的jquery.js 和 boostrap.js <body></body>标签中，bootstrap.css放在<style></style>标签中。

02

Web专题分享

如果格式有问题，可以直接在这里进行查看 https://www.yuque.com/shuangguidaidan/ft6o18/tcu448

02

网页中代码的顺序是不可忽略的细节

仿佛奇怪的问题总是喜欢找上那些初学者。当我在学习制作网页的时候，经常遇到一些很特别的问题。例如：刚刚添加的样式不起作用、jQuery 的代码老是不起作用等等，这些问题往往是不关注细节导致的。而今天我要谈的这个细节，就是关于网页中代码的顺序。没错，代码也是有顺序的，顺序不对有可能会出现一些意外的情况。

03

Bootstrap

Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。 Bootstrap支持响应式布局!响应式布局指的是一个网站能够兼容多种终端设备访问!. 终端设备:..电脑、平板电脑、手机

03

Bookmarklet编写指南

前一段日子，我写了两个Bookmarklet----"短网址生成"和"短网址还原"。它们用起来很方便，除了我本人之外，其他朋友也在用。第一次发布Bookmarklet，就能有用户，我挺满意的。下面

09

Linux基础之cd无法进入xargs管道输出的目录问题解决方法

今天在利用jenkins将项目部署到远程服务器，里面有个步骤涉及到切换目录，执行部署脚本的命令，原本思路是利用xargs和cd配合进行目录切换，执行的shell命令如下

02

Xss 备忘单

当输入作为以下 HTML 标记属性的值时使用：href、src、data 或 action（也称为 formaction）。对于脚本标签中的 src，使用外部脚本调用 (URL) 或 “data:,alert(1)”。下面的第二个有效负载警报超出了 Webkit 浏览器的目标上下文。

03

Kali Linux Web渗透测试手册(第二版) - 5.5 - 利用BeEF执行xss攻击

thr0cyte，Gr33k，花花，MrTools，R1ght0us，7089bAt

01

常用的CSS3选择器

CSS选择器的作用就是从HTML页面中找出特定的某类元素。常用的几类CSS选择器如下表所示。

02

怎样只使用 CSS 进行用户追踪？

译者：黄梵高 https://juejin.cn/post/6887478219662950414

02

Ai软件Illustrator 2021 for mac -Ai 2021-2023干货功能

Illustrator 2021 v25.0.0.60 For Mac版是一款十分专业优秀的矢量图形绘制软件，不仅提供了大型画布、面板、画笔、移动工具、矩形工具、对齐工具等各种工具和强大的功能，还提供了超级给力的文字工具，支持自由添加效果、管理样式以及编辑单个字符，从而进行精彩的版式设计，从而可以很好的帮助数以百万计的设计人员和艺术家设计徽标、图标、广告牌、书籍插图、产品包装、wed图形、移动图形等等内容，十分强大。

02

Javascript入门学习

本文介绍了技术社区在内容编辑人员工作中需要注意的五个关键点，分别是：1）正确性，确保内容准确无误；2）简洁性，让内容易于理解；3）一致性，遵循统一的写作风格；4）可阅读性，使用简单易懂的语言；5）可传播性，内容易于分享和流传。同时，还探讨了技术社区中常见的几种内容类型，如FAQ、知识库、教程、指南、实战案例和技术新闻等，以及如何进行内容整合和优化，以提高技术社区的活跃度和用户满意度。

07

双击文本没有被选中

IE浏览器使用document.selection当前用户激活对象选择区域，通过后获取当前用户的操作区document.selection.empty()功能来实现双击选定的文本不起作用。不IE浏览器使用window.getSelection对象选择当前用户激活区域。在获取当前用户操作区域后通过removeAllRanges()函数实现双击不选中文本功能

01

Bootstrap 4/3 页面基础模板与兼容旧版本浏览器

Bootstrap 3 与 4 差别很大，目录文件结构、所引入的内容也不同，这里说说一下 Bootstrap 引入的文件、网页模板和兼容性问题。本网站刚刚搭建好，正好发一下文章原来测试网站。

03

如何在Ubuntu 14.04中使用NodeJS，SailsJS和DustJS构建SPA（单页应用程序）

Node.js®是一个基于Chrome JavaScript运行时的平台，可轻松构建快速，可扩展的网络应用程序。Node.js使用事件驱动的非阻塞I / O模型，使其轻量级和高效，非常适合在分布式设备上运行的数据密集型实时应用程序。

00

一篇文章带你了解JavaScript htmldom 元素

通常，使用JavaScript，想操作HTML元素。要做到这一点，必须先找到元素。有几种方法可以做到这一点。

03

最简单的纯js实现点击展开二级菜单功能

虽然，jQuery已经非常好用了，但是实际的开发项目中，还是有很多限制，比如项目组奇葩的要求，不能使用任何插件，当然，也是考虑插件占用资源，毕竟100+KB对与小型项目来说还是非常大的。我最近就遇到做个点击展开二级菜单的要求，当然只能用原生的JS去写来实现，我借鉴了网上的一个案例，补充一下，分享一下：

02

CSS基础教程学习总结

简而言之，就是样式、布局，使html的框架更好看，把html元素定位在自己想要放的位置。

05

Vue项目使用CSS变量实现主题化

主题化管理经常能在网站上看到，一般的思路都是将主题相关的CSS样式独立出来，在用户选择主题的时候加载相应的CSS样式文件。现在大部分浏览器都能很好的兼容CSS变量，主题化样式更容易管理了。最近，使用CSS变量在Vue项目中做了一个主题化实践，下面来看看整个过程。

02

前端语言基础【第一篇：HTML5 & CSS】

<head> </head> 指定html文档的一些属性，例如页面标题，字符集和关键字等-

02

CSS小技能:常用样式属性、选择器分类、盒子模型

CSS(cascading style sheets,层叠式样式表)是一种用来表现HTML 或XML 等文件样式的计算机语言,CSS文档以.css作为后缀。

01

HTTP中的重定向

URL 重定向，也称为 URL 转发，是一种当实际资源，如单个页面、表单或者整个 Web 应用被迁移到新的 URL 下的时候，保持（原有）链接可用的技术。HTTP 协议提供了一种特殊形式的响应—— HTTP 重定向（HTTP redirects）来执行此类操作，该操作可以应用于多种多样的目标：网站维护期间的临时跳转，网站架构改变后为了保持外部链接继续可用的永久重定向，上传文件时的表示进度的页面，等等。

03

Apache 中RewriteRule 规则参数[通俗易懂]

大家好，又见面了，我是你们的朋友全栈君。[size=medium] Apache 中RewriteRule 规则参数 Apache模块 mod_rewrite 提供了一个基于正则表达式分析器的重写引擎来实时重写URL请求。它支持每个完整规则可以拥有不限数量的子规则以及附加条件规则的灵活而且强大的URL操作机制。此URL操作可以依赖于各种测试，比如服务器变量、环境变量、HTTP头、时间标记，甚至各种格式的用于匹配URL组成部分的查找数据库。

02

jQuery:delegate中select()不起作用的解决方法

jQuery有一个很好用的delegate(事件委派)功能，可以给当前以及将来(动态添加)的元素绑定一个事件处理函数。比如下面的例子，动态添加一个输入文本框后，我想让所有文本框（不管是不是动态添加的）在获取焦点时，自动转大写。 <!doctype html> <html> <head> <title>delegate测试</title> <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery

05

[git] git的可视化工具乌龟git新版本的一些功能提升

类似乌龟svn的git版本工具，也有绿色对号的图标，下载地址是 https://tortoisegit.org/download/

01

HTML技术入门

本文并没有详细介绍每个知识点，因为官方的文档介绍的更好，建议前往学习（https://www.w3cschool.cn/html/），本文主要记录一些重点内容和细节。

css选择器攻略

很多小伙伴对css选择器表示不屑，觉得很简单没必要学习，其实你究竟了解多少呢？当面试官问你的时候，你能分出哪些是css3新增的选择器，他们兼容如何？又该如何处理呢？

03

python-web.py开发入门（推荐）原

输入运行文件命令。（我这里pycharm2018.2不晓得为嘛terminal调整不了字间距，而且文件路径的/都变了，文字颜色也不晓得哪里能改，其他地方的显示都正常也能修改，这里除了文字大小能调整外，别的都不起作用。TVT）

04

WordPress中的jQuery库不起作用的相关问题

WordPress 中的jQuery 库问题曾经困扰了我一段时间。如果仅仅加载WordPress 自带的jQuery 库，在使用一些jQuery 插件的时候明明是代码没有错误，但就是不起作用，该有的效果不能实现；但加载了原版的jQuery 库却又可以了，这样一来却同时加载了两个jQuery 库，网页速度拖慢了而且根本没有必要。后来才了解到：为了防止与其他 JS 库（如 YUI）冲突，WordPress 内置 jQuery 库的末尾都在原版的基础上加入了 jQuery.noConflict()这个东东，以至

06

三峡大学复杂数据预处理day01-day03

计划安排见：【腾讯文档】三峡大学文档资源主要内容：WEB端三剑客HTML+CSS+JavaScript 实验网址：Java爬虫框架WebMagic

04

vscode 常用设置

bounded 超过word Wrap Column设置的字符数、达到视口最小宽度，则换行

03

HTML是什么？

html就是要告诉浏览器我的某个东西是什么，没错，这就是它的主要功能。html的实质，他就是一种标签，一种人和浏览器交流的标签，我们只有告诉浏览器这是什么，他才能帮助我们显示.

03

在 JavaScript 中对象的深拷贝（及其工作原理）[每日前端夜话0x8F]

当你不想改变原始对象时，就需要克隆对象。例如，如果你有一个接受对象并改变它的函数，可能不想改变其原始对象。

03

12 道腾讯前端面试真题及答案整理

年底了，又到了跳槽季啦，该刷题走起了。这里总结了一些被问到可能会懵逼的面试真题，有需要的可以看下～

02

12 道腾讯前端面试真题及答案整理，实用！

DNS 是什么-- Domain Name System，域名系统，作为域名和IP地址相互映射的一个分布式数据库。

02

安全测试 web应用安全测试之XXS跨站脚本攻击检测

意在对XSS跨站脚本攻击做的简单介绍，让大家对xss攻击有个初步认识，并能够在实际工作当中运用本文所述知识做些简单的、基础性的XSS攻击检测。

03

HTML（Hypertext Markup Language) 超文本标记语言

HTML（Hypertext Markup Language) 超文本标记语言

03

HTML初识

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/huyuyang6688/article/details/9132359

03

如何绕过XSS防护

本文旨在为应用程序安全测试专业人员提供指南，以协助进行跨站点脚本测试。源自于OWASP跨站脚本预防备忘单。本文列出了一系列XSS攻击，可用于绕过某些XSS防御filter。针对输入进行过滤是不完全是XSS的防御方法，可以使用这些payload来测试网站在防护XSS攻击方面的能力，希望你的WAF产品能拦截下面所有的payload。

00

将 SVG 与媒体查询结合使用

在 HTML 文档中，我们可以根据视口的条件显示、隐藏或重新排列页面的某些部分。例如，如果浏览器窗口的宽度为 480 像素，我们可能会将导航从水平导航移动到垂直可折叠列表。将 SVG 与媒体查询一起使用时，我们可以做类似的事情。

00

Git知识总览(一) 从 git clone 和 git status 谈起

本篇博客是整理git相关知识的第一篇，因为之前一直是用SourceTree对Git的命令行操作用的不是特别熟，于是乎过了一遍ProGit(链接：https://git-scm.com/book/zh/v1)。本篇博客以及后边的将要发的几篇博客是对之前看ProGit时的笔记的整理。当然在整理时，根据具体示例来梳理了一下知识点，和ProGit上的讲解顺序有些区别。本篇博客聊了Git基础操作的一部分，主要是基于Github上Fork的Masonry仓库来做的，首先Clone相关仓库，然后根据git status命

JavaWeb学习——4.XML

要写xml，第一步必须要有一个文档声明（写了文档声明之后，表示写xml文件的内容）

02

一些有意思的JavaScript代码片段

Javascript是一门很灵活的语言，我们可以使用它动态地实现各种各样的功能。但是动态带来便利的同时，也存在一些令人费解的行为，稍不注意就会进入误区一个接着一个的坑。虽然我使用JavaScript的时间还不算长，也是遇到了一些有意思的场景，一开始百思不得其解，弄清楚之后又让我哭笑不得。现在就来跟大家一起分享一下。

04

style="width: _" 与 width="_"

CSS width 和 height 属性可用于所有 HTML 元素。但 HTML width 和 height 属性仅适用于某些元素，如 canvas、img、table、td 等。

03

canvas学习笔记（七）—-裁切路径

clip（）将当前的路径转换为裁剪路径只能用一次，后续再用，不起作用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>day5-1</title>

02

PageGuard.js 防止网站内容复制和检测开发者工具代码

检测开发者工具的话，整合了各种较新的方法，经测试是支持 Chrome （包括单独窗口打开的情况）和 Firefox （在单独窗口打开时，只有打开控制台时才能检测到），其他浏览器还没有测试，不过估计 chromium 内核的浏览器也都是支持的

前端入门系列之HTML

超文本标记语言 (英语：Hypertext Markup Language，简称：HTML ) 是一种用来结构化 Web 网页及其内容的标记语言。网页内容可以是：一组段落、一个重点信息列表、也可以含有图片和数据表。

03

border-radius 兼容 IE8浏览器

我们都知道，前端开发最让人头疼的事情，就是兼容ie系列的浏览器了，不但麻烦还让人头秃，今天记录一个border-radius属性IE8浏览器兼容的问题。在IE8浏览器里面，border-radius这个属性是不起作用的，这个时候，就需要进行一些处理了，首先下载pie.htc文件pie.htc是一个可以解决IE6/7/8无法支持CSS3属性的文件

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭