Web Development

0 readers

1 users here now

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

founded 1 year 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 1 year 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

[–] dallen@programming.dev 5 points 1 year ago (1 children)

I would think about something like these:

https://github.com/collections/static-site-generators

[–] MossBear@lemmy.world 1 points 1 year ago (1 children)

Yeah I was planning on learning Hugo and Jekyll after I get a bit further along with HTML, CSS and Javascript. I know those would make parts of what I'm trying to do easier, but I want to try to have a deeper understanding of what can and can't or should and shouldn't be done with vanilla tools. I feel like know the why behind these things will be helpful.

[–] dallen@programming.dev 2 points 1 year ago

Ah, I see. If you want to move around HTML using your own code, I would also think about using an XML library in your language of choice.

Handling the HTML as a tree rather than lines of code will make the kind of operations you mention much simpler.