首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何从nodejs服务器上的js文件加载js函数?

如何从nodejs服务器上的js文件加载js函数?
EN

Stack Overflow用户
提问于 2018-12-05 08:32:11
回答 1查看 46关注 0票数 0

我在一个小网站上工作,我是javascript和nodejs的初学者,我用nodejs创建了一个小服务器,但我不知道如何在服务器帮助中加载我的file.js。这是我的服务器:

代码语言:javascript
复制
enter code here

let http = require('http');
let fs = require('fs');
let path = require('path');

http.createServer(function(req, res)
{ 

    if(req.url === "/")
    {
        fs.readFile("index.html", "UTF-8", function(err, html)
        {
            res.writeHead(200, {"Content-Type": "text/html"});
            res.end(html);
        });
    }else if(req.url.match("\.css$"))
    {
        var cssPath = path.join(__dirname, '', req.url);
        var fileStream = fs.createReadStream(cssPath, "UTF-8");
        res.writeHead(200, {"Content-Type": "text/css"});
        fileStream.pipe(res);

    }else if(req.url.match("\.png$")){
        var imagePath = path.join(__dirname, '', req.url);
        var fileStream = fs.createReadStream(imagePath);
        res.writeHead(200, {"Content-Type": "images/png"});
        fileStream.pipe(res);
    }else if (req.url.match("\.jpg$")) {
         var imagePath = path.join(__dirname, '', req.url);
        var fileStream = fs.createReadStream(imagePath);
        res.writeHead(200, {"Content-Type": "images/jpg"});
        fileStream.pipe(res);
    }
    else
    {
        res.writeHead(404, {"Content-Type": "text/html"});
        res.end("No Page Found");
    }
}).listen(3000, '127.0.0.1');

这是我的javascript文件中的一部分

代码语言:javascript
复制
$(function(){
    let navMain=document.querySelector('nav');
    let ul=document.getElementById('mainUl');
    let li=document.createElement('li');
    let a=document.createElement('a');
    let login=document.createTextNode('Login');

        $(window).on('scroll',function(){
            const navMainTopMesure=navMain.offsetTop;
            if($(window).scrollTop() && window.scrollY>=navMainTopMesure){
                $('nav').addClass('fixed');
                a.appendChild(login);
                li.appendChild(a);
                ul.appendChild(li);
                a.addEventListener('click',function(){
                    document.querySelector('.login').style.display='flex';
                });
                return 0;

            }else{
                $('nav').removeClass('fixed');
                ul.removeChild(li);
            }
        })
  });

  $(function(){


    window.addEventListener('click',function(e){
        if(e.target == document.querySelector('.register')){
            document.querySelector('.register').style.display='none';
        }

    })

    window.addEventListener('click',function(e){
        if(e.target == document.querySelector('.login') ){
             document.querySelector('.login').style.display='none';
        }
    })

  let date =new Date();
  document.getElementById('date').innerHTML=date.toDateString();
  document.querySelector('.sign-up').addEventListener('click',function(){
      document.querySelector('.register').style.display='flex';

  })

  document.querySelector('.closeRegister').addEventListener('click',function(){
  document.querySelector('.register').style.display='none';
  })

  document.querySelector('.sign-in').addEventListener('click',function(){
    document.querySelector('.login').style.display='flex';
})

document.querySelector('.closeLogin').addEventListener('click',function(){
  document.querySelector('.login').style.display='none';
})

$('.mobile-nav').on('click',function(){
    $('.nav-main ul').toggleClass('drop');
   $('.mobile-nav i').toggleClass('fa-times');
})  
    });



function smoothScroll(target,duration)
{
    var target = document.querySelector(target);
    var targetposition = target.getBoundingClientRect().top;
    var startposition = window.pageYOffset;
    var distance = targetposition-startposition;
    var starttime = null;

我只想在服务器的javascripte文件中执行我的函数。my probleme当我在浏览器中的本地主机上执行html文件时,我认为没有问题,但任何javascript事件都会发生

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-12-05 08:50:29

你要做的是在你的主应用程序目录中创建一个文件夹,名为“前端”、“源”或“公共”,并在该文件夹中创建将由index.html文件使用的目录。把你的JS文件放到你想要的任何地方。

在节点的主服务器或app.js文件中,执行app.use(express.static(path.join(__dirname,__dirname

在您提供初始HTML文件之后,每当您的服务器收到对文件的请求时,它就会知道到哪里去查找。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53623461

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档