search

写web项目,页面中的js是单独拿出来放在一个js文件中比较好,还是直接写在html页面中比较好?有什么优缺点?


回复讨论(解决方案)

肯定是单独拿出来好啊,出现错误便于查找

单独放便于开发,可多页面重用
合起来放则服务器的连接数少1,但这个在小网站没什么影响,大网站也能用缓存方式消除这种影响
所以分开比较好

单独JS文件比较好

单独JS文件比较好 我使用tp框架,如果有ajax请求的话,那么url里需要有项目名吧。但是如果我更改项目名的话,那岂不是要把每个js的url都改一遍?有没有什么简单的方法?如果我写在html页面里可以直接使用tp框架定义的常量,像__ROOT__,__APP__等

肯定是单独拿出来好啊,出现错误便于查找 我使用tp框架,如果有ajax请求的话,那么url里需要有项目名吧。但是如果我更改项目名的话,那岂不是要把每个js的url都改一遍?有没有什么简单的方法?如果我写在html页面里可以直接使用tp框架定义的常量,像__ROOT__,__APP__等 

单独放便于开发,可多页面重用
合起来放则服务器的连接数少1,但这个在小网站没什么影响,大网站也能用缓存方式消除这种影响
所以分开比较好 我使用tp框架,如果有ajax请求的话,那么url里需要有项目名吧。但是如果我更改项目名的话,那岂不是要把每个js的url都改一遍?有没有什么简单的方法?如果我写在html页面里可以直接使用tp框架定义的常量,像__ROOT__,__APP__等 

拿出来啊,方便修改!也便于别的文件调用!

必须分开好啊,便于代码复用而且结构清晰!

这么大个人了,自己看着办啊。

就好像你交了很多朋友,有一些你经常联系,那你是不是把它放在一个手机的群组里。

有一些可能只联系个一两次,就不用放在群组里了吧?

这么大个人了,自己看着办啊。

就好像你交了很多朋友,有一些你经常联系,那你是不是把它放在一个手机的群组里。

有一些可能只联系个一两次,就不用放在群组里了吧? 晕,我现在考虑的是路径的问题。。

晕,我现在考虑的是路径的问题。。
js 文件通常使用网站的绝对路径

如需要离线调试,则用相对路径,并保证向下引用
即 js 文件在引用文件的本级或下级目录中

单独比较好。。。。

引用 10 楼 wanql0203 的回复:晕,我现在考虑的是路径的问题。。
js 文件通常使用网站的绝对路径

如需要离线调试,则用相对路径,并保证向下引用
即 js 文件在引用文件的本级或下级目录中 我使用tp框架,如果有ajax请求的话,那么url里需要有项目名吧。但是如果我更改项目名的话,那岂不是要把每个js的url都改一遍?有没有什么简单的方法?如果我写在html页面里可以直接使用tp框架定义的常量,像__ROOT__,__APP__等

tp框架不是有专门的ajax支持吗?
你按他的来就是了

tp框架不是有专门的ajax支持吗?
你按他的来就是了 话说我用的是jquery、、、

我看自己你都不知道在问什么了

如果js在很多页面都用到,那放在js文件里面比较好,如果只有在某个页面才用到,那直接写到页面即可

公共的写在js文件里面,单个页面使用的就写在当前页面吧。

我看自己你都不知道在问什么了 我用jquery写的ajax,路径使用的是绝对路径,也就是需要带上项目名字。如果以后项目名字修改的话,不是每个ajax的路径都需要修改吗?我就是想问问有没有方法简化一下,而不需要改每一个路径。
如果我把js放在html里的话,那么我就不需要考虑路径的问题了,就可以使用tp的常量__APP__来代替,不涉及到项目名字。那么我修改项目名字的话,也不用修改ajax的路径名字。
所以问了这个问题。。

无论如何,需求总是第一位的!
既然你已经在js中使用了就对路径,并且也不愿意改成相对路径
那么讨论内置还是外联不是已经没有必要了吗?
当然你也可以将独立的js文件当做子模板嵌入进主模板中

你可以建一个专门存放路径的js文件,这个文件中定义好所有的路径变量;其他js文件使用这个文件定义好的路径变量。然后这个专门存放路径的js文件在其他js文件前引入即可。
如定义path.js
里面定义 var filePath="****";
然后其他文件中用这个filePath作为路径。
使用时,在页面中定义:
<script></script>
<script></script>

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
PHP Performance Tuning for High Traffic WebsitesPHP Performance Tuning for High Traffic WebsitesMay 14, 2025 am 12:13 AM

ThesecrettokeepingaPHP-poweredwebsiterunningsmoothlyunderheavyloadinvolvesseveralkeystrategies:1)ImplementopcodecachingwithOPcachetoreducescriptexecutiontime,2)UsedatabasequerycachingwithRedistolessendatabaseload,3)LeverageCDNslikeCloudflareforservin

Dependency Injection in PHP: Code Examples for BeginnersDependency Injection in PHP: Code Examples for BeginnersMay 14, 2025 am 12:08 AM

You should care about DependencyInjection(DI) because it makes your code clearer and easier to maintain. 1) DI makes it more modular by decoupling classes, 2) improves the convenience of testing and code flexibility, 3) Use DI containers to manage complex dependencies, but pay attention to performance impact and circular dependencies, 4) The best practice is to rely on abstract interfaces to achieve loose coupling.

PHP Performance: is it possible to optimize the application?PHP Performance: is it possible to optimize the application?May 14, 2025 am 12:04 AM

Yes,optimizingaPHPapplicationispossibleandessential.1)ImplementcachingusingAPCutoreducedatabaseload.2)Optimizedatabaseswithindexing,efficientqueries,andconnectionpooling.3)Enhancecodewithbuilt-infunctions,avoidingglobalvariables,andusingopcodecaching

PHP Performance Optimization: The Ultimate GuidePHP Performance Optimization: The Ultimate GuideMay 14, 2025 am 12:02 AM

ThekeystrategiestosignificantlyboostPHPapplicationperformanceare:1)UseopcodecachinglikeOPcachetoreduceexecutiontime,2)Optimizedatabaseinteractionswithpreparedstatementsandproperindexing,3)ConfigurewebserverslikeNginxwithPHP-FPMforbetterperformance,4)

PHP Dependency Injection Container: A Quick StartPHP Dependency Injection Container: A Quick StartMay 13, 2025 am 12:11 AM

APHPDependencyInjectionContainerisatoolthatmanagesclassdependencies,enhancingcodemodularity,testability,andmaintainability.Itactsasacentralhubforcreatingandinjectingdependencies,thusreducingtightcouplingandeasingunittesting.

Dependency Injection vs. Service Locator in PHPDependency Injection vs. Service Locator in PHPMay 13, 2025 am 12:10 AM

Select DependencyInjection (DI) for large applications, ServiceLocator is suitable for small projects or prototypes. 1) DI improves the testability and modularity of the code through constructor injection. 2) ServiceLocator obtains services through center registration, which is convenient but may lead to an increase in code coupling.

PHP performance optimization strategies.PHP performance optimization strategies.May 13, 2025 am 12:06 AM

PHPapplicationscanbeoptimizedforspeedandefficiencyby:1)enablingopcacheinphp.ini,2)usingpreparedstatementswithPDOfordatabasequeries,3)replacingloopswitharray_filterandarray_mapfordataprocessing,4)configuringNginxasareverseproxy,5)implementingcachingwi

PHP Email Validation: Ensuring Emails Are Sent CorrectlyPHP Email Validation: Ensuring Emails Are Sent CorrectlyMay 13, 2025 am 12:06 AM

PHPemailvalidationinvolvesthreesteps:1)Formatvalidationusingregularexpressionstochecktheemailformat;2)DNSvalidationtoensurethedomainhasavalidMXrecord;3)SMTPvalidation,themostthoroughmethod,whichchecksifthemailboxexistsbyconnectingtotheSMTPserver.Impl

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

SublimeText3 Linux new version

SublimeText3 Linux new version

SublimeText3 Linux latest version

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Integrate Eclipse with SAP NetWeaver application server.

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

DVWA

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software