CODEWITHSUNDEEP
javascriptheader
Morten Repsdorph Husfeldt
Morten Repsdorph Husfeldt

Reputation: 1003

Reading HTML header info of files via JS

I have a product list that is generated by asp I have product description for each product in a html file

each html file is named: <product.id>.html<br/>
html file size is only 1-3 kb

Within the html file is <title> and <meta name="description" content="..." />
I want to access these in an efficient way so that I can output this as e.g.:

document.write(<product.id>.html.title);<br/>
document.write(<product.id>.html.description);

I have a working solution for the individual product, where I use the description file - but hope to find a more efficient / simple approach. Preferably, I want to avoid having 30+ hidden iframes - google might think that I am trying to tamper with search result and blacklist my page...

Current code:

<iframe src="myfile.html" id="product" style="display:none">&nbsp;</iframe>
<script type="text/javascript">
   document.getElementById('product').onload = function(){
   var d = window.frames[frame].document;
   var title = d.title : ' ';
   var keywords = d.getElementsByName('keywords')[0].getAttribute('content', 0) : ' ';
   var descript = d.getElementsByName('description')[0].getAttribute('content', 0) : ' ';
  }
</script>

Upvotes: 2

Views: 1386

Answers (3)

Morten Repsdorph Husfeldt
Morten Repsdorph Husfeldt

Reputation: 1003

Found this solution:

<script>
  var xhr = $.ajax({ 
  type: "GET", 
  url: "/files/billeder/ecom/beskrivelser/<!--@Ecom:Group.Number-->.html", 
  success: function(msg){
    msg = msg.split('content="')[1];
    msg = msg.split('"')[0];
    document.getElementById("a_<!--@Ecom:Group.Number-->").innerHTML = "<p>" + msg + "</p>";

Not yet very elegant... but it works...

Upvotes: 0

Armin
Armin

Reputation: 15958

You could load your files with AJAX. For example (using jQuery):

$.get('myfile.html', function(data){
   var title = $(data).find('head title').text();
   var keywords = $(data).find('head meta[name="keywords"]').attr('content');
   var descript = $(data).find('head meta[name="description"]').attr('content');
});

Here you find the jQuery documentation about using jQuery.get

Upvotes: 0

agryson
agryson

Reputation: 297

As mentioned here on another Stack Overflow question, you could use:

document.title = "This is the new page title.";

and looking here gives us :

document.getElementsByTagName('meta').content = "New content here";

or:

document.getElementsByTagName('meta').name = "NewName";

With these, you should be able to read and write your tags as needed, I've only used a few examples here, there's surely more.

Upvotes: 1

Related Questions