javascript - Html 和 js 文件 / OS X
问题描述
我是一个真正的编码新手,所以我的问题对你们来说是相当基本的。我正在练习一些关于 html/css/js 的教程。我想我理解使用链接到 .html 页面的 .js 文件修改页面 html 的概念。我在codepen中尝试过,效果很好。
但是,当我尝试从位于桌面上的 html 文件在浏览器中启动我的 html 文件时,我的 html 页面没有被修改。我的 html 文件和 js 文件都在桌面上,所以路径相同。
在我正在使用的代码下方:
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Mon titre on sen fout</title>
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="test.js"></script>
</head>
<body>
<h1> Title </h1>
<p> This is a text to be replaced </p>
</body>
对于 test.js 文件的内容:
let text = document.querySelector("p");
text.innerHTML = "<p>New Text</p>";
我猜可能是操作系统阻止了 .js 被执行?有没有办法让它工作?
谢谢
解决方案
脚本标签应该在正文结束标签之前声明,这样它就可以访问在它之前加载的 HTML 元素。
let text = document.querySelector("p");
text.innerHTML = "New Text";
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Mon titre on sen fout</title>
<link rel="stylesheet" href="style.css" />
<style>
body{
background: #121212;
color: white;
}
</style>
</head>
<body>
<h1> Title </h1>
<p> This is a text to be replaced </p>
<script type="text/javascript" src="test.js"></script>
</body>
推荐阅读
- tfs - 关于是否将 bin 和 obj 检入 TFS 的最佳实践
- java - UIMA ruta - 使用来自不同视图的注释
- java - 检索用户关注者列表
- python-3.x - Python 3 和 TypeError:需要一个类似字节的对象,而不是“str”错误
- java - 如何在多个box2d对象层中绘制相同的精灵。?
- photoshop - Photoshop - 如何检测剪贴蒙版?
- python - 如何将文件名中的日期添加到时间列以制作日期时间列?蟒蛇熊猫
- android - 如何使用 Android Studio 获取 firebase 子节点内部的信息?
- android - 更新flutter和android studio后的问题
- angular - Keycloak + Vert.x java.lang.IllegalStateException:请求已被读取