Use multiple html pages or show/hide divs with javascript

Question

First of all, I have a background in C (++), Java, MATLAB and Python, mainly used for scientific and electronic applications (Math operation on data, reading data from sensors, microcontrollers). But i'm relatively new to both HTML (CSS) and Javascript. For both I've read some books. In HTML books, multiple pages are done by links (<a></a>).

In javascript (which feels a lot more natural to me than HTML), I've seen some examples where there is only 1 html page, full of divs, who are shown and hiden each time a certain page needs to be shown. This is done with the Jquery command $('#div1').hide() and $('#div2').show();

Now my question is, what is the best practice? When is it better to have multiple HTML pages, and when is it better to have just hide/show divs with Javascript?

Thanks

I think you've misunderstood. The <a> tag or links, don't render the html content within the link. They just redirect you to the linked page. The <div> tag will render whatever html is inside it. If you wanna render the multiple pages use iframes. — Malcolm Vaz
– Malcolm Vaz, Commented Mar 3, 2017 at 5:48
Dont use iframes. Use just a multi page html navigation with <ul><li> tags check out css navigation menu's — DarkSideKillaz
– DarkSideKillaz, Commented Mar 3, 2017 at 5:55

Community · Accepted Answer · 2017-05-23 12:25:13Z

1

Not Every one Can Use Javascript. Not Every Computer Or Browser Has The Basics Of Java Installed. But Every Computer Can Read HTML every Browswer Can Read HTML. To identify If a visitor is using java.

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

Java is mostly installed now days with the browser some basic functions. But older navigator or IE browsers dont always have it installed by default.

More Info Here also

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

The easiest is using <ul><li> css navigation themes. Check this site out for more info.

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

edited May 23, 2017 at 12:25

CommunityBot

11 silver badge

answered Mar 3, 2017 at 5:53

DarkSideKillaz

1386 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

pivu0 Over a year ago

So if my goal would be, to build a website for everyone to see, I should consider doing more in HTML?

DarkSideKillaz Over a year ago

Like I said very few don't have java but if you include a small check at beginning of page see if java is active. Like if java then render page in Java. Else use html

Mr.Noob · Accepted Answer · 2017-03-03 07:01:20Z

1

When you have multiple html pages and user clicks on links, then on each click a new web page has to be fetched from server and then rendered.

Whereas when you do it in java script the same web page will be altered, so there are no additional requests to the server. And this will be much faster than loading a new web page.

But remember the initial loading time is second approach is longer but its negligible.

answered Mar 3, 2017 at 7:01

Mr.Noob

3581 gold badge5 silver badges12 bronze badges

1 Comment

pivu0 Over a year ago

That's something I haven't considered yet.

Sagar · Accepted Answer · 2017-03-03 07:11:30Z

1

Let me point out that there is no "best practice" to the question that you are asking. It is entirely up to the team if they want to push all the content in one page or keep them separately.

If in case you have a content that requires decent amount of images to be loaded, or contents that you are sure will rarely be seen, you might want to keep them in separate pages so as to make the page load faster.

If you have heavy contents which requires a lot of interaction with javascript/jQuery then you certainly might want to keep them in separate pages so that later when you want to debug/add to the code it can be easily done.

The vice versa of the above holds true as well. If in case you just have small content, or simple text content then you can easily do it in a single page.

answered Mar 3, 2017 at 7:11

Sagar

4974 silver badges15 bronze badges

1 Comment

pivu0 Over a year ago

Thank you for giving an answer I understand ;).

Jav T · Accepted Answer · 2017-03-03 05:51:55Z

0

Maybe you should use a tab component ? bootstrap wraps one very nicely:

http://getbootstrap.com/javascript/

Maybe thats the best approach, also take a look at angular.js routes in specific, it should do what ever you are looking for.

answered Mar 3, 2017 at 5:51

Jav T

4783 silver badges12 bronze badges

Collectives™ on Stack Overflow

Use multiple html pages or show/hide divs with javascript

4 Answers 4

2 Comments

1 Comment

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related