Trung tâm cá nhân
sách gpt4 ai đã đi

javascript - 外部 javascript 加载但不执行

In lại 作者：行者123 更新时间：2023-11-28 00:59:59 26 4
mua khóa gpt4 Nike

所以我正在尝试提供一个简单的网页。在我的 html 中，我有一个表单，我想简单地说在搜索任何内容时都没有找到结果。如果我将 javascript 函数放入 html 文档的脚本标记中，则会填充 div。但是，每当我使用外部 js 文件时，它甚至都不会执行。控制台不记录任何内容，也没有显示任何警报。服务器正在提供这些文件，但是因为如果我记录请求 URL，我会看到正在提供/button_click.js。有人可以解释为什么会这样吗？这是我的代码供引用:

index.html



 
   <đầu>
     
        body{background: skyblue; font-family: verdana; color: #fff; padding: 30px;}
        h1{font-size: 48px; text-transform: uppercase; letter-spacing: 2px; text-align:center;}
        p{font-size: 16px; text-align:center;}
      

      
  

  
    
 Welcome to the home page

button_click.js

function buttonClick() {
  console.log('in here');
  alert("in here");
  document.getElementById('result').innerHTML = "No results found";
  trả về false;
}

làm mới

我的控制台为我的 js 文件中第 1 行的“<”错误提供了意外标记。当我尝试通过浏览器资源检查文件时，js 文件显然与我的 index.html 文件完全相同。它不包含 javascript，但包含 index.html 的内容。这是为什么？

我所有的文件都在同一个目录下，我也检查了所有的文件名。这里是我的服务器文件的内容供引用:

máy chủ.js

const http = require('http');
const fs = require('fs');


const server = http.createServer(function(req, res) {
  res.writeHeader(200, {"Content_Type": "text/html"});
  var readStream = fs.createReadStream(__dirname + '/index.html', 'utf8');
  readStream.pipe(res);
  console.log(req.url);
  console.log('served page');
});

server.listen(3000, '127.0.0.1');
console.log('Listening in port 3000');

1 Câu trả lời

在您将 máy chủ.js 的内容添加到您的问题之后，发生了什么就很清楚了。

http.createServer 的回调为每个 请求调用。你实际上像这样修改正常的响应:

var readStream = fs.createReadStream(__dirname + '/index.html', 'utf8');
readStream.pipe(res);

...这解释了为什么您对 button_click.js 的请求导致索引页面的内容返回，并给出您描述的行为。

所以删除这两行，它应该工作得更好。

另见 nodejs有关此的文档。

注意:如果你想在某些情况下强制返回index.html，那么在之前对địa chỉ执行必要的过滤执行这些代码行。

关于javascript - 外部 javascript 加载但不执行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42609034/

26 4 0
Bài viết được đề xuất: javascript - 在 Meteor 中将数组转换为查询字符串
Bài viết được đề xuất: javascript - 区分jquery选择器中的文本和复选框
Bài viết được đề xuất: html - 网页的两个元素之间未对齐
Bài viết được đề xuất: css - 将行内 block DIV 对齐到容器元素的顶部
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com