script没有用</script>结尾产生的问题

本文探讨了在IDEA环境中使用不同方式引入jQuery时遇到的问题。指出&lt;scriptsrc&gt;自闭合标签的方式并不被所有浏览器支持,而&lt;script&gt;标签的正确使用方法确保了jQuery的正常工作。

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

今天发现idea用 <script src="/static/js/jquery-3.2.1.js"/> 会没法用 jquery,如果改成<script src="/static/js/jquery-3.2.1.js"></script>就没问题, 

研究了许久,发现原来不是每个浏览器都支持 <script  ***  /> 的写法,

=========================================================

另外<script src="/static/js/jquery-3.2.1.js">

    funciton  ...(){

}

</script> 

也会出错

=========================================================

以下这个写法完美运行:  

<script src="/static/js/jquery-3.2.1.js"></script>

<script>

    funciton  ...(){

}

</script>

=========================================================

细节可以参考底下这个博客

<script>关闭标签的写法所引发的疑案

 http://blog.youkuaiyun.com/caikanxp/article/details/5850372

<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>预览看板</title> </head> <link rel="stylesheet" href="./fixtures/css/preview.css?_<%= version %>"> <link rel="stylesheet" href="//kwesit.huawei.com/efinance/icp/xapp/material/view.css?_<%= version %>"> </link> <link rel="stylesheet" href="/efinance/icp/xapp/designer/finance.css?_<%= version %>"> </link> <link rel="stylesheet" href="//r-h2-beta.hw3static.com/s/uat/ffe/xcomponent/repository/lst/@ffe/fcore_aurora-vue2-saas@5.1.20-beta.2/build/lowcode/render/default/view.css"> </link> <body> <div id="ice-container"></div> <div id="new-loading"></div> <script> window.g_config = { locale: 'zh_CN', }; </script> <script src=" //r-h2-beta.hw3static.com/s/uat/fcore/resource/web/lst/@aurora/vue/3.22.8/runtime/lib/vue.min.js"></script> <script src="//r-h2-beta.hw3static.com/s/uat/fcore/resource/web/lst/@aurora/vue/3.22.8/runtime/lib/vue-composition-api.prod.js"> </script> <script src="//his-beta.huawei.com/aurora/webnova/runtime/lib/vue-i18n.min.js"></script> <script src="//r-h2-beta.hw3static.com/s/uat/fcore/resource/web/lst/@aurora/vue/3.22.8/runtime/lib/axios.min.js"> </script> <script src="//r-h2-beta.hw3static.com/s/uat/fcore/resource/web/lst/@aurora/vue/3.22.8/runtime/lib/aurora.min.js"> </script> <script src="//r-h2-beta.hw3static.com/s/uat/fcore/resource/web/lst/@aurora/vue/3.22.8/runtime/lib/aurora.service.min.js"> </script> <script src="//r-h2-beta.hw3static.com/s/uat/fcore/resource/web/lst/@aurora/vue/3.22.8/runtime/full/core.min.js"> </script> <script src="//r-h2-beta.hw3static.com/s/uat/fcore/resource/web/lst/@aurora/vue/3.22.8/runtime/full/base.min.js"> </script> <script src="/efinance/icp/xapp/designer/fixtures/lowcode-egine-alicdn/prop-types.min.js"></script> <script src="/efinance/icp/xapp/designer/fixtures/lowcode-egine-alicdn/react.production.min.js"></script> <script src="/efinance/icp/xapp/designer/fixtures/lowcode-egine-alicdn/react-dom.production.min.js"></script> <script src="/efinance/icp/xapp/designer/fixtures/lowcode-egine-alicdn/lodash.min.js"></script> <script crossorigin="anonymous" src="/efinance/icp/xapp/designer/fixtures/lowcode-egine-alicdn/vue-renderer.js"></script> <script src="//kwesit.huawei.com/efinance/icp/xapp/material/meta.js?_<%= version %>"></script> <script src="//kwesit.huawei.com/efinance/icp/xapp/material/view.js?_<%= version %>"></script> <script src="//r-h2-beta.hw3static.com/s/uat/ffe/xcomponent/repository/lst/@ffe/fcore_aurora-vue2-saas@5.1.20-beta.2/build/lowcode/render/default/view.js"></script> <script type="text/javascript" src="./js/preview.js?_<%= version %>"></script> </body> </html> 上面的代码改成下面的,算是优化提升吗? <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>预览看板</title> </head> <link rel="stylesheet" href="./fixtures/css/preview.css?_<%= version %>"> <link rel="stylesheet" href="//kwesit.huawei.com/efinance/icp/xapp/material/view.css?_<%= version %>"> </link> <link rel="stylesheet" href="/efinance/icp/xapp/designer/finance.css?_<%= version %>"> </link> <link rel="stylesheet" href="//r-h2-beta.hw3static.com/s/uat/ffe/xcomponent/repository/lst/@ffe/fcore_aurora-vue2-saas@5.1.20-beta.2/build/lowcode/render/default/view.css"> </link> <body> <div id="ice-container"></div> <div id="new-loading"></div> <script> window.g_config = { locale: 'zh_CN', }; </script> <script defer src=" //r-h2-beta.hw3static.com/s/uat/fcore/resource/web/lst/@aurora/vue/3.22.8/runtime/lib/vue.min.js"></script> <script defer src="//r-h2-beta.hw3static.com/s/uat/fcore/resource/web/lst/@aurora/vue/3.22.8/runtime/lib/vue-composition-api.prod.js"> </script> <script defer src="//his-beta.huawei.com/aurora/webnova/runtime/lib/vue-i18n.min.js"></script> <script defer src="//r-h2-beta.hw3static.com/s/uat/fcore/resource/web/lst/@aurora/vue/3.22.8/runtime/lib/axios.min.js"> </script> <script defer src="//r-h2-beta.hw3static.com/s/uat/fcore/resource/web/lst/@aurora/vue/3.22.8/runtime/lib/aurora.min.js"> </script> <script defer src="//r-h2-beta.hw3static.com/s/uat/fcore/resource/web/lst/@aurora/vue/3.22.8/runtime/lib/aurora.service.min.js"> </script> <script defer src="//r-h2-beta.hw3static.com/s/uat/fcore/resource/web/lst/@aurora/vue/3.22.8/runtime/full/core.min.js"> </script> <script defer src="//r-h2-beta.hw3static.com/s/uat/fcore/resource/web/lst/@aurora/vue/3.22.8/runtime/full/base.min.js"> </script> <script defer src="/efinance/icp/xapp/designer/fixtures/lowcode-egine-alicdn/prop-types.min.js"></script> <script defer src="/efinance/icp/xapp/designer/fixtures/lowcode-egine-alicdn/react.production.min.js"></script> <script defer src="/efinance/icp/xapp/designer/fixtures/lowcode-egine-alicdn/react-dom.production.min.js"></script> <script defer src="/efinance/icp/xapp/designer/fixtures/lowcode-egine-alicdn/lodash.min.js"></script> <script crossorigin="anonymous" defer src="/efinance/icp/xapp/designer/fixtures/lowcode-egine-alicdn/vue-renderer.js"></script> <script defer src="//kwesit.huawei.com/efinance/icp/xapp/material/meta.js?_<%= version %>"></script> <script defer src="//kwesit.huawei.com/efinance/icp/xapp/material/view.js?_<%= version %>"></script> <script defer src="//r-h2-beta.hw3static.com/s/uat/ffe/xcomponent/repository/lst/@ffe/fcore_aurora-vue2-saas@5.1.20-beta.2/build/lowcode/render/default/view.js"></script> <script type="text/javascript" defer src="./js/preview.js?_<%= version %>"></script> </body> </html> 大概能提升多少?
06-24
<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" version="3.0"> <display-name></display-name> <context-param> <param-name>contextConfigLocation</param-name> <param-value> classpath*:applicationContext*.xml classpath*:*Context.xml </param-value> </context-param> <context-param> <param-name>webAppRootKey</param-name> <param-value>rms.root</param-value> </context-param> <context-param> <param-name>log4jConfigLocation</param-name> <param-value>/WEB-INF/classes/log4j.properties</param-value> </context-param> <context-param> <param-name>log4jRefreshInterval</param-name> <param-value>60</param-value> </context-param> <listener> <listener-class>org.springframework.web.util.Log4jConfigListener</listener-class> </listener> <listener> <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class> </listener> <listener> <listener-class>com.hg.filter.UrlAuthListen</listener-class> </listener> <listener> <listener-class>com.hg.filter.WebConfigListener</listener-class> </listener> <filter> <filter-name>openSessionInViewFilter</filter-name> <filter-class>org.springframework.orm.hibernate4.support.OpenSessionInViewFilter </filter-class> <init-param> <param-name>singleSession</param-name> <param-value>true</param-value> </init-param> </filter> <filter-mapping> <filter-name>openSessionInViewFilter</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> <filter> <filter-name>struts2</filter-name> <filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class> </filter> <filter-mapping> <filter-name>struts2</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> <filter> <filter-name>XssFilter</filter-name> <filter-class>com.hg.aop.XssFilter</filter-class> </filter> <filter-mapping> <filter-name>XssFilter</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> <!-- dwr 配置 --> <servlet> <servlet-name>dwr-invoker</servlet-name> <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class> <init-param> <param-name>debug</param-name> <param-value>true</param-value> </init-param> <init-param> <param-name>activeReverseAjaxEnabled</param-name> <param-value>true</param-value> </init-param> <init-param> <param-name>crossDomainSessionSecurity</param-name> <param-value>false</param-value> </init-param> <init-param> <description>How quickly do scriptSessions timeout?</description> <param-name>scriptSessionTimeout</param-name> <param-value>1800000</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>dwr-invoker</servlet-name> <url-pattern>/dwr/*</url-pattern> </servlet-mapping> <listener> <listener-class>org.directwebremoting.servlet.EfficientShutdownServletContextAttributeListener</listener-class> </listener> <!-- dwr 配置 --> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> </web-app>具体解释一下web.xml的配置
最新发布
07-08
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值