Web Development

0 readers

1 users here now

Icon base by Delapouite under CC BY 3.0 with modifications to add a gradient

founded 2 years ago

MODERATORS

snowe@programming.dev

Ategon@programming.dev

What's the best and most secure way to take a fragment of html from one document and add it to another html document with Javascript? (lemmy.world)

submitted 2 years ago by MossBear@lemmy.world to c/webdev@programming.dev

29 comments fedilink hide all child comments

I'm not new to programming, but I am somewhat new to web development and I'm trying to figure out the most preferred way of taking a standalone header from one html document and adding it to other html documents without code duplication. If possible I want to do this with Javascript so I can learn with more basic tools before expanding further.

I've researched this a fair bit, but the advice is a bit confusing since it either seems out of date or possibly not the most secure way of handling things. Is there a preferred way of doing something like this?

you are viewing a single comment's thread
view the rest of the comments

[–] nulluser@programming.dev 3 points 2 years ago* (last edited 2 years ago) (1 children)

This is normally done on the server, by whatever tool is building the final html pages. If it's just a static website (doesn't take user input, glorified brochure), then one might use a static site generator (eg Jeckyll), each of which have their own mechanism for sharing common snippets. If building a more dynamic website with a database backend, then one would be using other tool (eg. Ruby on Rails), which would also each have their own mechanisms for sharing common snippets.

[–] MossBear@lemmy.world 1 points 2 years ago

Thanks! This is helpful for understanding.