使用正文中的javascript将样式表添加到Head
使用JavaScript将样式表添加到Head中，可以通过以下方法实现：
- 创建一个新的
<link>元素，并设置其属性，如rel、href和type。 - 将新创建的
<link>元素添加到<head>元素中。
以下是一个示例代码：
function addStylesheet(url) {
// 创建一个新的<link>元素
var link = document.createElement('link');
// 设置<link>元素的属性
link.rel = 'stylesheet';
link.href = url;
link.type = 'text/css';
// 将<link>元素添加到<head>元素中
document.head.appendChild(link);
}
// 调用addStylesheet函数，将样式表添加到Head中
addStylesheet('https://example.com/styles.css');在这个示例中，我们定义了一个名为addStylesheet的函数，它接受一个参数url，表示要添加的样式表的URL。在函数内部，我们创建了一个新的<link>元素，并设置了其属性，然后将其添加到<head>元素中。最后，我们调用addStylesheet函数，将样式表添加到Head中。
需要注意的是，这个方法只能在浏览器环境中使用，因为它依赖于document对象。如果你需要在服务器端使用JavaScript，你需要使用其他方法来添加样式表。
相关·内容
当使用过程样式时，代码似乎以元素的错误宽度维度执行(我怀疑在创建元素之前代码正在执行)，当我刷新页面时，一切都很好。
问题：
<html>
<head></head>
<body>
<div id="parent">
</div>
<script language="javascript" type="text/javascript">
create_object(); //
浏览 4提问于2014-10-11得票数 0
回答已采纳
我在上找到了一个我想尝试的布局。但是，我不知道如何将其与我现有的rails项目集成。我当前的布局如下所示：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"/>
<%= stylesheet_link_tag "application", :media =&
浏览 0提问于2012-07-21得票数 1
回答已采纳
2回答
画布上的额外边距
、、、
我正试着制作一个完全适合方形浏览器的画布。问题是继续在屏幕的顶部和左边获得这个额外的空间，而我无法摆脱它。知道我怎么能解决这个问题吗？
码
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
</head>
<style type="text/css">
#gameCanvas {
background-color: blue;
}
</style>
<canvas id="gam
浏览 1提问于2017-06-04得票数 0
回答已采纳
我向动态生成的div元素显示json数据，我想向其中添加样式表和javascript文件。
json数据的样式和javascript功能由许多不同的.css和.js文件应用，因此我希望将这些文件添加到用于json数据的div元素中。
如果我将这些文件添加到添加了<div>元素以显示json数据的jsp页面本身，则不会对数据进行样式化。
jquery提供和实现相同的方法吗？
我试图做的是将以下内容添加到jsp/html页面：
<link rel="stylesheet" type="text/css" href="<c:url va
浏览 2提问于2012-02-23得票数 1
1回答
使用javascipt更改饱和度
、、、、
我想知道如何使用javascript创建一些东西，当一个函数发生时，身体的饱和度会发生变化。我目前正在使用css来完成这一点，但我需要一种方法来切换到javascript。 当前代码： <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body {
background-image: url('https://www.w3schools.com/css/img_mountains.jpg
浏览 31提问于2021-07-29得票数 1
回答已采纳
我要将jQuery DataTable ()添加到我的mvc4站点。但这不管用。没有显示任何内容，表在添加脚本之前看起来很像。
FireBug显示了一个错误：
TypeError：$(.).dataTable不是函数
**Admin_panel.cshtml**
@model IEnumerable<Rejestracja_imprez.Models.User>
@{
Layout = "~/Views/Shared/_PanelAdmin.cshtml";
ViewBag.Title = "Admin";
}
浏览 5提问于2013-04-09得票数 2
回答已采纳
据我所知，Jquery附带了Rails4。我正试着在我的网站上使用Jquery mobile，让它对移动设备更友好。在我读到的一些使用jquery mobile的文档中，它说要放在head标签之间：
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
<%= javascript_include_tag "application", "data-turbolinks-track
浏览 0提问于2014-04-09得票数 0
假设您有一个外部样式表(<link>)，然后是一个<script>。外部样式表是否总是在<script>执行之前应用，以便getComputedStyle始终尊重外部样式表的规则？
还是允许浏览器在应用早期样式表之前运行JavaScript？
示例：
<!doctype html>
<html>
<head>
<link href="/my-stylesheet.css" rel="stylesheet" />
</head>
<body&g
浏览 4提问于2015-04-17得票数 5
回答已采纳
我希望将我的bootstrap.min.css文件包含到项目中，该文件位于(project)/css/bootstrap.min.css文件夹中。我在<head>标记之间的应用程序布局中添加了下面一行。
<head>
<title>Greenbull</title>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javas
浏览 1提问于2015-08-19得票数 0
回答已采纳
4回答
我想用jquery将样式附加到html head：
<script type="text/javascript">
var appendStyle = jQuery('<style type="text/css">body {margin: 0;}</style>');
jQuery('html > head').append(appendStyle);
</script>
问题是html中缺少这一点。Html源代码(ctrl + u)将显示以下内容：
<script
浏览 0提问于2015-01-13得票数 0
我正试着向JavaScript学习。正如告诉的那样，我有下面的main.js文件，它将改变背景色，但是当我单击按钮时什么都不会发生:-
var btn = document.querySelector('button');
function bgChange() {
var rndCol = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')';
document.body.style.backgroundColor = rn
浏览 2提问于2018-02-23得票数 0
回答已采纳
application.html.erb文件：
<!DOCTYPE html>
<html>
<head>
<title>Site</title>
<%= stylesheet_link_tag :all %>
<%= javascript_include_tag "application" %>
<%= csrf_meta_tags %>
</head>
<body>
<%= yield %>
</body>
浏览 2提问于2011-10-07得票数 1
回答已采纳
1回答
我是编程新手，我正在尝试为一个表创建一个“客户端列表”示例行，该行的左侧有“客户端”，“编辑”和“删除”图标位于同一行的最右侧，宽度为960。我使用的是bootstrap 2.3.2，稍后将使用jquery传播该列表。我不知道如何让图标着色(或者css应该是什么样子的)。下面是我到目前为止所拥有的html：
<html lang="en">
<head>
<meta charset="utf-8">
<title>table</title>
<link rel="styleshe
浏览 3提问于2013-12-05得票数 0
2回答
近3年来，我一直在使用HTML等创建网站，但由于我必须自己学习，所以我仍然不太了解一些事情。
一个基本的问题现在变得非常重要:我可以在元素中创建组吗？就像这样：
<head>
<meta ... />
<group name='global_stylesheets'>
<link href='...' />
<link href='...' />
</group>
<group>
...
</group>
&
浏览 0提问于2014-04-13得票数 0
3回答
文字褪色时未定型内容的闪存
、、、、
我无法找到一种方法，以防止闪现的非样式内容时，褪色的文本，这应该是一个字体，从谷歌字体。
它看起来像页面加载时加载的fonts.googleapis.com，但直到文本被认为是淡入时，fonts.gstatic.com才会加载，这导致了Times或任何默认字体在突然正确样式之前的短暂而难看的文本闪现。
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css
浏览 2提问于2019-10-15得票数 0
回答已采纳
1回答
我用vanilla js和css创建了一个库，但是当我导入js和css时，它只起作用，我想使用的只是导入文件js。
现在我正以这样的方式进口：
<head>
<script src="../lib.js"></script>
<link rel="stylesheet" href="styles.css">
</head>
但只有这样才有可能？
<head>
<script src="../lib.js"></scri
浏览 0提问于2021-01-22得票数 0
回答已采纳
1回答
我使用的是Rails 3.0。我想将/public/javascripts/中的Javascript文件show_javascript.js添加到视图show.html.erb中。
show.html.erb文件从模板application.html.erb中获取<head>...</head>部件
我想知道我应该怎么添加它。
浏览 0提问于2012-10-25得票数 1
回答已采纳
1回答
我见过很多关于这个问题的问题，我还没有看到我想要的答复。我只想知道是否可以链接到除HEAD标记以外的任何其他地方的外部样式表。
我问的原因是，我不得不用汇合文件和我们公司使用的加载项是非常基本的。我想为我的页面设置样式，但问题是，Confluence天生就会覆盖任何HEAD标记，并插入它自己的页面。没有HTML附件是无法解决的，我的公司是不会购买的。
为了解决这个问题，我必须包含一个带有所有样式自定义的大型样式标记，这样它就可以得到相当长的时间。
我只是想看看是否有可能，以及如何将样式表链接到HTML中的其他地方，而不是HEAD标记。(我知道这并不常见，也不是很好的做法，我也理解为什么头标签中
浏览 0提问于2018-02-22得票数 2
回答已采纳
我是JavaScript的新手，我正尝试在我的输入框上使用它。
我知道如何添加宽度，当我点击输入框，但我不知道如何删除主体点击函数。
查看。
浏览 0提问于2012-09-10得票数 0
我在WP子主题中使用自定义javascript文件时遇到了一些问题。
为了尝试并只更改子主题，我所做的就是在子主题的根文件夹中创建一个functions.php。就像这样，我相信这个functions.php将被添加到实际主题的fucntions.php文件中。
现在，在这个functions.php中，我想为我的定制javascript文件排队，这就是我陷入困境的地方。我在彻底理解enqueue函数时遇到了一些困难，但我基本上抓住了原始functions.php中使用的enqueue函数，并对它进行了修改，使它指向我的子主题的"js“文件夹，然后指向其中的custom.js文件。
以
浏览 1提问于2013-10-08得票数 2
回答已采纳
我正在做一个小项目，如果用户在网站上输入Konami代码，每个元素都会应用一个过滤器(目前，在最终版本中会更好)。现在我有：
<script type="text/javascript">
var success = function() {
var css = 'div { -webkit-filter: blur(10px); }',
head = document.getElementsByTagName('head')[0],
浏览 0提问于2013-02-07得票数 1
回答已采纳
我在jQuery标签页上遇到了一个奇怪的问题。选项卡工作正常，但非活动面板在加载时保持可见，并且只有在选择其他选项卡时才会隐藏。
下面是我的代码：
<head>
<link rel="stylesheet" href="css/jquery.ui.all.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></sc
浏览 1提问于2013-01-16得票数 4
<!-- this is a style sheet -->
body{
background: <?php echo $_COOKIE['bg_color'];?>;
background-image: <?php echo $_COOKIE['bg_img'];?>;
}
<!-- end style sheet -->
在上面的样式表中，我只想要一件事，如果用户给出背景颜色，那么它只显示背景颜色，否则如果用户给出背景图像，那么它只显示图像，为此我使用了cookies。
用户只能从背景图像或背景
浏览 0提问于2015-11-13得票数 1
2回答
代码：
<html>
<head>
<title>Hello World</title>
</head>
<body>
<table border=1>
<tr>
<td >Old</td>
<td>1</td>
</tr>
<tr>
<td>New</td>
<td>1</td>
</tr>
</table>
</body>
有没有什么技巧可
浏览 0提问于2013-04-25得票数 1
回答已采纳
2回答
我使用下面的JavaScript来决定加载哪个样式表(如果是12月，则加载我的圣诞节样式，否则加载我的默认样式)。这导致了XHTML验证的问题，我怀疑最好的解决方案是从外部文件加载js，但我对此相当陌生，无法让它工作。
如果可能的话，我希望在单独的文件中使用相同的代码，以达到与直接在HTML中执行相同的效果。如果有人能解释一下如何做到这一点，将不胜感激！
<head>
<script type="text/javascript">
var i = new Date();
var m = i.getMonth();
if (m==1
浏览 4提问于2012-05-01得票数 0
更新：这个问题指的是一个旧版本的Zend。了解如何将jQuery与ZendFramework1.9.4 (1.8+)应用程序集成。
我想我理解这些基本概念，但我一定是在哪里出错了。我正在尝试将jQuery、jQuery UI和jQuery主题集成到Zend应用程序中。
在我的引导程序中，我注册了jQuery视图助手：
$view->addHelperPath(self::$root . '/library/ZendX/JQuery/View/Helper/', 'ZendX_JQuery_View_Helper');
在我的表单中，我有一个日期选择器元素
浏览 0提问于2009-04-14得票数 2
回答已采纳
1回答
我知道这是一个非常愚蠢的问题，但是自从我上次开发一些javascript以来，已经过去了很多年了。我想在这一点上刷一下，所以我决定学习一些Dojo。问题是我不能设法让这个简单的Dijit示例工作，因为我知道它应该产生一个带有Click Me标签的按钮，但我得到的唯一结果是一个空按钮。看起来脚本没有被执行。我做错了什么？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test Dijit</title>
<
浏览 0提问于2013-02-13得票数 0
8回答
我正在尝试使用外部.css页面创建动态页面，其中页面颜色将发生更改。下面是我的代码。但是当我单击href时，我没有得到任何输出。有人能告诉我我的代码有什么问题吗？
<script language="JavaScript">
function loadjscssfile(filename, filetype)
{
if (filetype=="css")
{
var fileref=document.createElement("link")
fileref.setAttribute(
浏览 2提问于2010-01-20得票数 14
我想用jquery制作一个图像滑块，我有5个jpg图像和2个png图像(下一个和前一个)。下面是asp.net和javascript代码：
<script type="text/javascript">
$(function(){
$(".slider).jslider({ btnNext:".next", btnPrev:".prev"})
});
</script>
</head>
<body>
<div id="container">
<img id
浏览 2提问于2011-08-07得票数 0
回答已采纳
我正在读“使用rails进行敏捷web开发”这本书，在第6章的末尾遇到了一个问题。基本上，到目前为止，我所做的就是定义了一个sass样式表(products.css.scss)，并将其链接到我的应用程序的layouts/Application.html.erb中：
<!DOCTYPE html>
<html>
<head>
<title>Depot</title>
<%= stylesheet_link_tag "application", :media => "all" %&
浏览 21提问于2012-03-05得票数 1
我有一个角12的应用程序，我试图与LTR和RTL语言(例如英语和阿拉伯语)一起工作，这些语言可以由最终用户在使用应用程序时选择和应用。引导(我用于UI样式)要求我在HTML元素上设置dir属性，并在要显示阿拉伯文本时从原始的LTR文件中引用一个单独的RTL文件。
我想我可以像这样设置我的index.html：
<app-root></app-root>
然后让我的app-component.html生成HTML、HEAD、LINK和BODY等元素，如下所示：
<!doctype html>
<html [lang]="lang" [di
浏览 12提问于2022-01-27得票数 0
我一直在忍受一个荒谬的问题。我需要写信
window.onload=function(){
//Javascript Code
}
才能使javascript正常工作。
例如，下面的代码不起作用：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JS test</title>
<script type="text/javascript">
浏览 1提问于2014-12-23得票数 1
回答已采纳
我们的基本Masterpage有如下内容
<head runat="server">
<title></title>
<script type="text/javascript" src="<%= Page.ResolveClientURL("~/javascript/actions.js")%>"></script>
<script type="text/javascript" src="<%= P
浏览 4提问于2008-10-08得票数 8
回答已采纳
4回答
我正在尝试使用从下载的ajaxtool工具包进行颜色拾取。
当我试图在我的任何页面上使用它时，它会显示一个错误
This page is missing a HtmlHead control which is required for the CSS
stylesheetlink that is being added. Please add <head runat="server" />.
可能是什么原因。我使用的是ToolScriptManager，而不是文档中所说的脚本管理器。我正在使用Asp.net 3.5，在内容页面下使用colorPi
浏览 0提问于2010-07-28得票数 2
1回答
引导滑块不可访问
、、、
我试图在我正在开发的站点上使用这个引导滑块，它根本不显示：我在这里创建了一个柱塞来演示这个问题：有人知道如何修复这个问题吗？
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Hello Plunker!</h1>
<input id="ex1" data-slider-id='ex1Slider' type
浏览 2提问于2016-10-11得票数 0
回答已采纳
我想从JQuery函数(也包括外部文件)调用在CSS文件中编写的CSS类。
它不工作，我想知道为什么：
jQuery：
/// <reference path="jquery-1.7.1.js" />
/// <reference path="jquery-1.7.1-vsdoc.js" />
/// <reference path="main_style.css" />
function gg() {
alert("zombie");
$("p&
浏览 2提问于2011-12-11得票数 3
最近我爱上了HTML5(特别是游戏)，我意识到我应该首先加强我的JavaScript，因此，我读了Head first JavaScript(O‘’Reilly)来尝试一下。我打算显示一个img标记，它的大小根据不同的导航器大小而变化，但是当我添加!DOCTYPE html时，img就不能是resized.here了，这是我的简化代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Pet</t
浏览 3提问于2012-05-20得票数 0
回答已采纳
我在<style>标签中使用了<body>标签，在<head>标签中使用了<h1>标签。而且起作用了。它是如何完美运作的？
浏览 2提问于2019-11-20得票数 2
回答已采纳
如何使Javascript输入文本看起来像HTML？样式表没有应用于Javascript，但适用于HTML。
<html>
<head>
<link rel="stylesheet" href="lib/BlackBerry-JQM-all.css" />
<script src="lib/BlackBerry-JQM-all.js"></script>
</head>
<body onLoad="onPageLoad()">
浏览 0提问于2012-12-20得票数 0
回答已采纳
4回答
所以我有这个PHP网站，我正在使用模板工作。任何页面都分为三个部分:页眉、内容和页脚。每个零件都由一个.php文件表示。
标题：
<html>
<head><link_to_some_css /></head>
<body>
<div id="menuBar">
xxx
</div>
内容：
<?php include("header.php") ?>
<div id="someHTMLContent">xxx</di
浏览 0提问于2012-02-03得票数 0
回答已采纳
我有一个母版页，它有两个类似这样的内容部分(省略了一些部分)：
<head runat="server">
<link href="/Content/Site.css" rel="stylesheet" type="text/css" />
<asp:ContentPlaceHolder runat="server" ID="HeadContent" />
</head>
<body>
<div id=
浏览 3提问于2010-10-27得票数 0
回答已采纳
我正在将引导程序集成到我的页面中，但是它正在改变边缘脚本中的一些间距，以及我的导航菜单中的一些边框。我想“关闭”引导css样式是我的一些div标签。我该怎么做？例如，我希望防止本地引导css文件对以下#徽标进行样式设置：
<head>
<link rel="stylesheet" href="css/bootstrap.css">
</head>
<body>
<div id="logo">
<script type="text/javascript"
浏览 0提问于2015-01-17得票数 2
回答已采纳
在我的asp.net web应用程序中，我创建了一个新的web表单(没有母版页)。此页面的代码如下所示：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SearchPreload.aspx.cs" Inherits="CMS.ContractManagement.SearchPreload" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
浏览 1提问于2011-05-24得票数 0
回答已采纳
根据W3C的说法，在文档正文中使用旋转滑块是不符合的，因为滑块使用了需要在标题中的脚本标记和样式标记。我看过functions.php和其他Revolution文件，但是我没有找到一行代码来将这些脚本和样式写到页面上。这些核心文件是使用JavaScript放置的吗？请帮帮忙。
<html>
<head>
wp_header();
[[Desired placement of styles and scripts of Revolution Slider]]
</head>
[[current styles and scripts of Revolution
浏览 1提问于2013-09-25得票数 0
我想知道为什么在使用.css()函数时，它会覆盖CSS中的伪类，比如:hover。它不应该只影响元素的正常状态，而不是:hover元素的正常状态吗？或者我做错了什么？
下面是一个例子
<!DOCTYPE html>
<html>
<head>
<style>
#test {
background : red;
width: 50px;
height: 50px;
opacity : 0.2;
}
#test:hover {
浏览 1提问于2012-08-31得票数 0
回答已采纳
我有一个主要观点，在其中我有一个部分观点。在我的部分观点中，我有一张表格，上面显示了一些搜索结果。我想要的是，当我单击该行时，它应该警告该行中的数据。但这不会发生的。
我在网上几乎什么都试过了，但什么也找不到。
部分视图：
@model List
<string>
<table class="table table-striped" id="tblGrid">
<thead id="tblHead">
<tr>
<th>Name</th>
浏览 1提问于2017-04-13得票数 0
1回答
我正在尝试用JQuery手机做一个非常简单的页面(这是我第一次真正使用它)。我似乎不能让导航栏正常显示。JQuery手机页面上的代码看起来非常简单，据我所知，我是逐字复制的。它是这样显示的……
下面是我的代码(仅供参考，theme.css文件是默认的JQuery css文件)：
<html>
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content=&#
浏览 1提问于2013-02-26得票数 0
我是新的HTML/CSS，需要一些帮助与文本对齐。THe文本是链接，我想将两个链接对齐到页面的左边，一个链接到右边。有人能帮忙吗？这是我的密码
BACK和HOME按钮表示左对齐，MISC则表示向右对齐。
THanks堆积如山，它正驱使着我，克雷西！
HTML **
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 5.0//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href=&#
浏览 4提问于2013-09-09得票数 0
回答已采纳
我正在尝试为特定的active_admin自定义action.But布局我不知道如何将active_admin的标题添加到我的自定义布局中？ app/admin/provider.rb我使用custom_active_admin布局呈现编辑页面 controller do
def edit
@provider = Provider.find(params[:id])
render 'admin/providers/edit', layout: 'custom_active_admin'
end
...
end app/views/admin/
浏览 14提问于2019-06-29得票数 0
回答已采纳
1回答
我真的不知道什么是最好的问句
当您尝试导入css和js时，您将使用：
<link rel="stylesheet" type="text/css" href="bootstrap.min.css"/>
<script type="text/javascript" src="jquery.min.js"></script>
我为每个页面构建了xml格式的xml生成器。
但是现在使用xml的标记是什么？(绝对是seo )
谢谢，为我可怜的乡巴佬道歉。
浏览 3提问于2017-06-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
