为什么js文件放在head里页面布局出不来？

最新推荐文章于 2024-04-14 01:46:43 发布
最新推荐文章于 2024-04-14 01:46:43 发布
阅读量760 收藏
点赞数
分类专栏： EasyUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27435059/article/details/51001373
版权
之前用EasyUI做了两个页面，js代码放到了文件里，在head里引入js文件。
但是页面一直出不来，只能放到body的底部，页面才能出来。
后来在js文件了加了一个函数，$(document).ready(function(){}
把页面初始化部分代码datagrid，放到这个函数里边去，js文件在head里引入才成功。
StaceyWeiStaceyWei
关注
专栏目录
Nuxt默认模板、默认布局和自定义错误页面的实现
10-15
在Nuxt.js框架中，构建Vue.js应用时，理解和掌握默认模板、默认布局以及自定义错误页面的实现至关重要。这些功能使得开发者能够更加灵活地管理和定制应用程序的外观和行为，从而提供更好的用户体验。本文将深入探讨...
html head中加载js文件,发现没有改文件加载速度很慢,引入外部js脚本加载慢与页面白屏问题的解决...
weixin_32135505的博客
05-30 268
问题背景最近做的一个项目需要引入一个外部的第三方js脚本。由于这是一个关于渲染3D建筑的脚本，所以体积比较大，大概有2M，加载完成也得要个好几秒，网速慢的时候十几秒都有可能。之前也遇到脚本加载慢的问题，但是没这么慢，所以这次就特别写个文章记录一下我的解决过程。首先上两张项目已完成的截图。下图是通过第三方脚本渲染出来的3D建筑页面下图是首页，不需要用到第三方脚本遇到的问题和需求引入外部脚本太大，加载...
Lodop打印控件初始化过程
Baby_加油_的博客
03-20 2688
Lodop需要在计算机上下载一个控件C-Lodop 引用C-Lodop很简单，在页面head中添加 如下路径的js文件，就可用固定变量名LODOP或CLODOP发打印请求了: <script src='./LodopFuncs.js'></script> 由于我写了引申的方法，可以判断是否开启控件，能否加载出这个文件，所以直接引的另一个文件，来判断这个文件的核...
web动态添加js外部文件方式
前端技术的学习整理
09-10 1万+
&lt;1&gt;scrilpt标签方式 文档对象模型（DOM）允许你使用JavaScript 动态创建HTML的几乎全部文档内容。其根本在于，&lt;script&gt;元素与页面其他元素没有什么不同：引用变量可以通过DOM进行检索，可以从文档中移动、删除，也可以被创建. var script = document.createElement("script"); script.type ...
第二章 页面的头部标记
weixin_42467515的博客
12-11 2127
2.1 页面的头部标记 一个网页，可以分为头部和主体两大部分 页面头部是指由<head>和</head>所包含的部分，主要用于设置当前网页的页面标题、字符集、关键字、描述信息等内容 一般来说，位于头部的内容都不会在网页上直接显示，而主体部分则通常会在网页中直接表现出来 标记 描述 <title> 设定显示在浏览器标题栏中的内容 <met...
HTML加入JS的几种方式
zwj13603571674的博客
01-02 663
文件结构 一.在head里面添加js引用文件（可以是绝对路径，也可以是绝对路径，但一定要写对，不然报错） <head> <meta charset="UTF-8"> <title>Title</title> <script src="day_01.js"></script> </head>...
flexible.js_flexible.js下载_flexible.js下载_适配js文件_
10-03
1. 引入flexible.js：在HTML文件的`<head>`部分引入flexible.js库，确保它在其他CSS和JavaScript资源之前加载，以便在页面渲染初期就能执行适配。 2. 配置Echarts：在初始化Echarts实例时，利用flexible.js提供的`...
Html网页页面head区规范知识
01-20
7. JavaScript外部调用：为了优化页面加载速度和维护性，推荐将JavaScript代码放在外部文件中，然后通过`<script src="script.js"></script>`引入。 最后，`<body>`背景颜色的设置，虽然不属于<head>，但经常被提及...
js实现整体缩放页面适配移动端
10-15
在当今的Web开发中，页面的移动端适配是非常重要的一环。...在实施过程中，需要特别注意引入JS文件的时机（尽量早地在head标签中引入，以减少页面重绘）、页面meta标签的设置以及REM的换算和使用。
head文件
03-31
- 异步加载和延迟加载技术在head中的应用 - 如何处理CSS和JavaScript以改善页面渲染速度 【标签】"源码"和"工具"暗示这篇博客可能涉及到了实际的代码示例和可能使用的开发工具。例如，它可能讲解了如何查看和分析...
如何查看一个网页的请求头header信息
热门推荐
qq_43029747的博客
11-22 4万+
如何查看一个网页的请求头header信息 首先使用浏览器打开一个网页，然后按F12，例如： 然后点击右边的Network，并按下Ctrl + R，如下图所示： 在下面的文件栏里面找到以.cn/.com类型结尾的文件，点击，右边就会出现相应的内容，如下图所示： 这个时候就能在右边找到header等信息了。 ...
如何在页面中引入JS教程
小小鱼儿小小林的博客
09-26 1223
1.直接写到页面中 须位于 与 标签之间,放置在 HTML 页面的 或者 标签中:     //在这里写JS代码 元素，常用属性有： type : 可看做是language的替代属性，表示编写代码使用的脚本语言的内容类型，MIME这个属性非必须，默认是text/javascript      src : 表示包含要执行代码的外部文件      注意:js代码所
【Web前端-JavaScript】如何在html页面中添加JavaScript代码、变量、数据类型、运算符、各种语句、方法、BOM浏览器对象模型、和页面相关的方法
居然天上楼的博客
11-03 2824
JavaScript 是一门跨平台、面向对象的脚本语言，而Java语言也是跨平台的、面向对象的语言，只不过Java是编译语言，是需要编译成字节码文件才能运行的；JavaScript是脚本语言，不需要编译，由浏览器直接解析并执行。
HTML页面中head标签有啥用？—零基础自学网页制作
web前端入门基础进阶教程-htmlcssjs
05-19 3490
head标签概述 通过之前三节的学习，我们基本了解了HTML标记语言的基本语法，也明确了一个基本原则，那就是网页中所有的可视信息都是写在<body></body>标签之间的，在一文中，我们为第一个页面添加了"标题"与"段落"标签，实际上，未来我们要说到的图片、音频、视频、表格以及区块等元素也是放在<body></body>标签之间的。 但是与<body></body>标签并列的<head></head>标签对于
Html网页页面head区规范知识，2024年最新Web前端岗面试
最新发布
2201_75604341的博客
04-14 878
面试的时候算法能做出来肯定加分，但做不出来也不会一票否决，面试官也会给你提供一些思路。也许是互联网未来10年中最好的一年。但是如果你不真正的自己去尝试尝试，你永远不知道市面上的行情如何。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！跳槽是每个人的职业生涯中都要经历的过程，不论你是搜索到的这篇文章还是无意中浏览到的这篇文章，希望你没有白白浪费停留在这里的时间，能给你接下来或者以后的笔试面试带来一些帮助。
html语言head的作用,html中的head标签在哪里找？head标签的作用总结
weixin_42303285的博客
06-04 1441
本篇文章主要的介绍了关于HTML中的head标签的作用及元素介绍，还说明了HTML中的head标签在哪里能查看到，接下来就让我们一起来看文章吧首先我们先了解HTML中的head标签在哪里找？head标签一般都是写在HTML文件的上方，不会显示到浏览器上去，所以要找head标签的里面的文件，要么去源文件中去查，要么找到那个HTML文件，用软件打开在里面看。现在我们看看HTML中的head标签的作用是...
(6)HTML标签详解之<head>
yangli_world的博客
07-23 515
HTML标签详解之     标签用于定义文档的头部，它是所有头部元素的容器。 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。 文档的头部描述了文档的各种属性和信息，包括文档的编码集、标题、关键字、描述、作者、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。         标签必须放在文档的开始处，紧跟在 后面
插入head及调用js文件 ( js一进入页面就执行的两种方法 )
FromNowOnUntilTheEnd
03-07 8859
一、将JS代码，插入到head区域，即可在网页打开时执行。示例：1234567&lt;html&gt;&lt;head&gt;&lt;title&gt;test&lt;/title&gt;&lt;/head&gt;&lt;script&gt;alert("已经开始执行函数!");&lt;/script&gt;&lt;body&gt;&lt;/body&a
常见的HTML标签（一）
Dong's Blog
12-25 1404
html、head、body
这段代码应该分别放在什么文件里面，html还是js
09-11
### 回答1： 这取决于这段代码的具体功能和用途。一些通用的建议如下： - 如果这段代码是用来控制网页上的交互和动态效果的，那么一般会放在 JavaScript 文件中。 - 如果这段代码是用来定义网页的结构和内容的，那么一般会放在 HTML 文件中。 - 如果这段代码是用来控制样式和布局的，那么一般会放在 CSS 文件中。 - 如果这段代码是用来处理服务器端逻辑的，那么一般会放在后端语言（如 PHP、Python、Java 等）的文件中。 需要注意的是，网页开发中经常使用的是 HTML、CSS 和 JavaScript 三种语言相结合的方式，因此在实际应用中，这些代码往往会分别放在不同的文件中，并且相互调用和引用。 ### 回答2： 这段代码的存放位置会根据代码的功能和需要来决定，以下是对不同类型代码应该放在哪个文件里的一些建议： 1. HTML代码：HTML代码主要用于构建网页的结构和内容，例如定义页面标题、段落、链接等。通常将HTML代码放在以`.html`或`.htm`为后缀的文件中，比如`index.html`。在这个文件中，可以使用标签和属性来描述网页的结构。 2. CSS代码：CSS代码主要用于添加样式和布局，例如设置字体、颜色、边距等。一般将CSS代码放在以`.css`为后缀的文件中，比如`styles.css`。在HTML文件中，可以使用`<link>`标签将CSS文件链接到网页，让网页应用这些样式。 3. JavaScript代码：JavaScript代码主要用于实现网页的交互和动态效果，例如验证表单、展示动画等。JavaScript代码可以放在HTML文件中的`<script>`标签中，也可以将JavaScript代码单独放在以`.js`为后缀的文件中，比如`script.js`。通过在HTML文件中使用`<script>`标签，将JavaScript文件引入，使其能够被网页调用和执行。 需要注意的是，较小的代码段可以直接放在HTML文件内，但如果代码较多或多个文件需要共享代码，则更好将其封装在独立的CSS或JavaScript文件中，以提高代码重用性和维护性。另外，也可以使用外部库或框架，如jQuery、React等来管理和组织代码。最终的决策应基于项目的要求和最佳实践。 ### 回答3： 这段代码的存放位置要根据代码的功能和用途来决定。一般来说，HTML文件主要用于定义网页的结构和内容，而JavaScript文件用于实现网页的交互和动态效果。 如果这段代码是用于控制网页的交互和动态效果，例如按钮点击事件、表单验证等，那么应该将代码放在JavaScript文件中。在HTML文件中通过引入JavaScript文件来调用这段代码，使用<script>标签来引入外部的.js文件。 如果这段代码是用于定义网页的结构和内容，例如网页标题、文本、图片等，那么可以将代码直接放在HTML文件中。代码可以写在<head>或<body>标签内，用于定义网页的结构和内容元素。 需要注意的是，为了代码的可维护性和可读性，也可以将代码根据功能进行模块化，将交互和动态效果的代码放在一个或多个.js文件中，将结构和内容的代码放在HTML文件中或者另外的.css文件中进行样式定义。这样可以更好地组织和管理代码，提高代码的可维护性。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值