JavaScript将js文件与html文件分开

最新推荐文章于 2024-08-10 14:15:42 发布

廖香立

最新推荐文章于 2024-08-10 14:15:42 发布

阅读量5.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/ytlxl/article/details/79978056

js 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个简单的HTML页面如何通过内联JavaScript实现数据操作并显示。具体展示了如何定义一个JavaScript对象来存储个人信息，并使用document.write将这些信息输出到HTML页面上。

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

html文件：

<!DOCTYPE html>
<html>
<head>
	<title>test4</title>
	<script src="tt.js">
	</script>
</head>
<body>
</body>
</html>

tt.js文件：

person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
document.write(person.firstname+" is "+person.age+" years old.");

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

廖香立

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JS代码与HTML的完全分离【图片库示例】

xiaozhuo_tang的博客

11-22

700

图片库的HTML里有一个图片部分和文字部分创建来完全是为showPic脚本服务的。既然这些元素这样只是为了DOM方法处理它们的，那么用DOM方法来创建他们最好不过。 1.将他们从HTML中删除。 2.编写函数完成任务 1.创建img元素节点； 2.设置节点id属性； 3.设置节点src属性； 4.设置节点alt属性； 5.创建p元素节点； 6.设置节点id属性； 7.创建文本节点

也谈分离JavaScript和HTML

热门推荐

沧海一粟 —— 技术随手记

02-18

1万+

<br /> 不知道能不能将JavaScript和HTML的分离也归结为“你必将业务逻辑由显示中分离（thou shalt separate business logic from display）”[1] 的问题。但有HTML和CSS的分离在前面对照，它们的分离是如此地优雅，对于理想主义的小coder实在具有莫大的吸引力。<br /> 从现实的角度，也可以举出很多方面来论证JavaScript和HTML分离的好处：网页设计人员和JavaScript程序员可以分工合作，尽可能降低沟通成本；

参与评论您还未登录，请先登录后发表或查看评论

html代码分开页面,html, js 代码如何分离?

weixin_28812205的博客

06-04

774

前一天后一天加载中var fromPinyin = "";var toPinyin = "";var trainNumber = "";function initParams(){fromPinyin = $("#from_pinyin").text().trim();toPinyin = $("#to_pinyin").text().trim();trainNumber = $("#train_...

html与js文件分离写法

qq_31489909的博客

11-08

2550

<html> <head> <meta charset="utf-8"> <title>Export to excel test</title> <script src="./excellentexport.js"></script> &lt...

完全的html文件,如何将js代码完全从html文件中独立出来？

weixin_33487490的博客

06-29

815

tree /var/www/html/ajax//var/www/html/ajax/├── getuser.php└── index.html很简单的逻辑，index.html通过ajax,将数据发送到getuser.php,将数据库的查询结果传递到index.html里面。已经调试成功。index.html<html><head></head><bo...

javalin-thymeleaf-html-css-js:将Thymelaf与外部JS和CSS文件一起使用

03-15

对于JavaScript文件，我们使用`<script>`标签，并设置`src`属性指向JS文件： ```html <script type="text/javascript" th:src="@{/js/script.js}"> ``` 同样，`@{/js/script.js}`将被解析为实际的服务器路径，...

CB-tutoring-website:HTML，CSS和JavaScript文件的存储库

03-19

在"CB-tutoring-website"中，JavaScript文件（如script.js）可能包含用户输入验证、动态内容加载、动画效果和事件处理等功能。JavaScript可以与DOM（文档对象模型）交互，改变HTML元素或获取用户输入。常见的...

写一个html和Javascript文件使页面输出9*9乘法表，注意：html和Javascript文件要分开写

09-24

这个HTML文件引入了一个名为`multiplication_table.js`的外部JavaScript文件。在JavaScript中，我们使用`window.onload`事件等待页面加载完成，然后动态创建表格行和单元格，将乘法结果填写进去。 **相关问题--:** ...

基于CSS、HTML和JavaScript的沙发设计源码分享

最新发布

02-15

在这个项目中，文件被恰当地分类，比如将样式文件、脚本文件和内容文件分开放置，这有助于用户快速定位和理解项目中不同文件的用途。这个基于CSS、HTML和JavaScript的沙发设计源码分享项目，不仅提供了一个设计...

【Node.js】时钟案例---将一个网页分别拆分成css、html和js文件

qiaoyangla的博客

08-06

401

案例的实现步骤创建两个正则表达式，分别匹配和标签使用fs模块，读取需要被处理的html文件自定义resolveCSS文件，来写入index.css样式文件自定义resolveJS文件，来写入index.js文件自定义resolveHTML文件，来写入index.html文件...

js脚本 HTML文件拆分

m0_58568271的博客

05-23

871

需求: 现在素材文件夹里面有一个clock.html文件,页面的html css,js代码都在里面, 现在需要将html,css,js代码拆开成三个文件,放在code文件夹中的clock文件夹里,在code里写一个脚本实现需求。代码实现： // 1.1 导入 fs 模块 const fs = require('fs') // 1.2 导入 path 模块 const path = require('path') // 1.3 定义正则表达式，分别匹配 <style></style&g

(补充)如何将javascript代码和HTML分开

龙腾四海365的专栏

12-05

4014

(补充)如何将javascript代码和HTML分开很多时候都是需要把视图和数据、数据和操作分开的，这样的好处是便于代码的维护：下面就讲讲如何将js代码和html代码分开方法：方法一：传统js方法 //方式一 window.onload = function(){ //当整个页面加载完毕会调用onload方法 } 方法二：用jQuery框架 //方式二 //jQ

Highcharts教程--把js代码从html中抽离出来，放到单独的一个js文件中。由html页面调用...

weixin_30484739的博客

02-21

446

1.html页面写法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>第一个 Highcharts 图表</title>  <...

html、css和js代码分离

bll1355的博客

08-10

588

结构用于描述网页的框架，对应语言有HTML，HTML使用标签的形式来标识网页中的不同组成部分；行为用于相应用户的操作，对应语言有JavaScript。4、单一责任原则，某个代码的功能，应该保证只有单一的明确的执行任务，否则一旦修改会增加关联测试的繁琐程度。3、低耦合原则，即这部分代码的使用和修改影响到其他部分的代码尽可能少，否则牵一发而动全身。2、简单原则，简单是用户最佳体验之一，而且简单的代码占用时间少，漏洞少，且易于修改。1、避免重复原则，编程的最基本原则是避免重复，换句话说叫提高代码复用率。

html分离js、css工具

蔡定交

03-20

803

html分离js、css代码工具

案例：把一个html文件分离成三个文件，html，css和js

qq_66195472的博客

11-06

823

笔记

html文件和js脚本分离

wuxiangege的专栏

10-22

5649

创建一个index.html文件<!doctype html> <html> <head> <title>this is a title</title> <meta charset="utf-8">  <script src="./wu.js"></script > </head> <body> <h1>你好</h1> </body>

html文件的模板分离,JS数据模板分离（告别字符串拼接）-template

weixin_34276402的博客

06-21

667

刚开进架触我法端位画近发行思发们识和移的近开始在写第一个动态网页的demo时，由于html不多，便使用字符串拼接的方法添加到dom来渲染，可是在后来写某外卖app时也需要如此添加，打开代码一看几千行，突然感觉二，都过发宗发数前业很断屏击和公图使分近步现喜进过，分一端务有的蔽战滚司标用别近步现喜进过，分一端务有的蔽战滚司标用别近步现喜进过，分一端务有的蔽战滚司标用别近步现喜进过，分一累觉不爱一行行的...

[笔记]前端html设计与js代码分离

匆匆往站

05-21

6437

这些天对写前端越发不开心，感觉总是哪里别扭。看看现在主流的框架，jQuery就是管管js代码中ajax和dom的操作；AngluarJS做了很好的工作，但是有个很大的问题：ngIf, ngFor直接出现在html里，一个是这样让html设计人员要十分清楚javascript的开发，二是我在浏览器里直接根本看不到最后设计的结果。代码的管理在AngularJS也变得更复杂：如果架构不当，就会出现有些地

HTML、CSS和JavaScript基础模板及实验文件结构

- lab1/index.html：lab1实验的入口HTML文件。 - lab1/js/lab.js：为lab1实验编写的JavaScript脚本文件。 - lab2具有与lab1相似的结构，表明该资源包可能包含多个实验练习。 4. HTML、CSS和JavaScript知识点解析...