使用多个html页面或使用javascript显示/隐藏div

时间:2017-03-03 05:43:07

标签: javascript jquery html

首先,我有C(++),Java,MATLAB和Python的背景,主要用于科学和电子应用(数据的数学运算,传感器读取数据,微控制器)。 但我对HTML(CSS)和Javascript都比较新。 对于我和我都读过一些书。在HTML书籍中,多个页面由链接(<a></a>)完成。

在javascript中(对我来说感觉比HTML更自然),我已经看到一些例子,其中只有1个html页面,充满了div,每次某个页面需要时都会显示和隐藏显示。 这是通过Jquery命令$('#div1').hide()$('#div2').show();

完成的

现在我的问题是,最佳做法是什么?什么时候有多个HTML页面更好,什么时候用Javascript隐藏/显示div更好?

由于

4 个答案:

答案 0 :(得分:1)

不是每个人都可以使用Javascript。并非每台计算机或浏览器都安装了Java基础知识。但每台计算机都可以读取每个Browswer可以读取HTML的HTML。 识别访问者是否使用java。

How to check whether Java plugins are installed or not in a browser using Code .?

Java现在大部分时间都安装了浏览器的一些基本功能。但是较旧的导航器或IE浏览器并不总是默认安装它。

更多信息此处

How can I detect the Java runtime installed on a client from an ASP .NET website?

最简单的方法是使用<ul><li> css导航主题。请访问此网站了解更多信息。

https://medialoot.com/blog/how-to-create-a-responsive-navigation-menu-using-only-css/

答案 1 :(得分:1)

当您有多个html页面和用户点击链接时,每次点击都必须从服务器获取新网页然后再渲染。

然而,当您在java脚本中执行此操作时,将更改相同的网页,因此不会向服务器发出其他请求。这比加载新网页要快得多。

但请记住,初始加载时间是第二种方法更长但可忽略不计。

答案 2 :(得分:1)

让我指出,没有&#34;最佳做法&#34;对你问的问题。如果他们想要在一个页面中推送所有内容或将它们分开保存,那完全取决于团队。

如果您的内容需要加载大量图像,或者您确定很少会看到的内容,您可能希望将它们保存在单独的页面中,以便加快页面加载速度。

如果你的内容繁重,需要与javascript / jQuery进行大量的交互,那么你当然可能希望将它们保存在单独的页面中,这样以后当你想调试/添加代码时就可以轻松完成。

以上反之亦然。 如果您只是拥有小内容或简单的文本内容,那么您可以在一个页面中轻松完成。

答案 3 :(得分:0)

也许您应该使用标签组件? bootstrap很好地包装了一个:

http://getbootstrap.com/javascript/

也许这是最好的方法,也可以看看具体的angular.js路线,它应该做你想要的。