Unable to load html file through javascript

Question

list.html is not loading. Is this the correct way to load html file?

<div id="subscription"> </div>
<script>
    var i;
    for (i = 0; i < 5; i++) {
        document.getElementById("subscription").innerHTML = '<object type="text/html" data="list.html"></object>'
    }
</script>

you have 5 items in the list?

Denys Fiialko
– Denys Fiialko

2018-05-14 10:08:32 +00:00
Commented May 14, 2018 at 10:08 — Denys Fiialko
– Denys Fiialko, Commented May 14, 2018 at 10:08

Praveen Kumar Purushothaman · Accepted Answer · 2018-05-14 10:08:56Z

1

You cannot use:

<object type="text/html" data="list.html" ></object>

Best advice could be using <iframe>s:

<div id="subscription"> </div>
<script>
var i;
for (i = 0; i < 5; i++) {
  document.getElementById("subscription").innerHTML = '<iframe src="list.html"></iframe>';
}
</script>

But not sure why you need to loop it 5 times. You can just do:

<div id="subscription"> </div>
<script>
  document.getElementById("subscription").innerHTML = '<iframe src="list.html"></iframe>';
</script>

answered May 14, 2018 at 10:08

Praveen Kumar Purushothaman

167k27 gold badges215 silver badges261 bronze badges

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

8 Comments

vivek kumar choubey Over a year ago

Iist.html contains certain code that i need to loop

Praveen Kumar Purushothaman Over a year ago

@vivekkumarchoubey Then you are doing it ultimately wrong. Can you explain in your question, what you are trying to do exactly? This looks like an XY problem - you are trying to do something, but you are doing it incorrectly assuming some wrong way to do and asking help for it.

Praveen Kumar Purushothaman Over a year ago

@vivekkumarchoubey You can, but you need to use AJAX and also you need to run it on a HTTP server, and not using file:/// protocol.

vivek kumar choubey Over a year ago

I want to make dynamic web page where count can increase and decrease depending on number of users. Here i am using constant 5 just for example .

Praveen Kumar Purushothaman Over a year ago

@vivekkumarchoubey In that case, you need to use a localhost using some HTTP server. Do you have any experience in backend programming - PHP seems to be a best start. What you are doing is called "including partials". :)

|

Collectives™ on Stack Overflow

Unable to load html file through javascript

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related