html如何生成网址_HTML网址生成（URL拼接/路由）方法

生成完整网址啊，这事儿其实挺常见的。
用JavaScript弄呗。

就说用URL构造函数，这玩意儿浏览器自带的。
比如你要生成一个URL，可以这么干：new URL('http://example.com', _window.location.origin)。
然后你要加参数，就用searchParams.append('key', 'value')。
最后那个.href就是完整的网址了。
这方法的好处是，浏览器自己会帮你转码，不会出乱子。

或者用字符串模板拼接。
就比如const url = ${baseURL}/path?query=${encodeURIComponent(query)}。
这适合那种路径固定，参数不多的。
用ES6 模板字符串，挺好使。
但要注意，特殊字符得用encodeURIComponent()转一下。

要是环境老掉，不支持这些现代API，那只能手动拼了。
就造个对象，params = { key: 'value', anotherKey: 'anothervalue' }。
然后遍历这个对象，用Object.entries(params)。
对每个键值对，用encodeURIComponent()转一下，再用&连起来。
比如key=value&anotherKey=anothervalue。
这活儿得小心，空值什么的得处理对。

单页应用的话，通常有个路由表。
就造个对象，routes = { '/user/:id': '/user/1 2 3 ' }。
然后写个函数，把:id这种占位符换成实际数字。
最后返回替换后的路径。
这样路径统一管理，不容易出错。

说实话，这些方法各有各的坑。
URL构造函数挺好，但老浏览器可能不支持。
模板字符串简洁，但参数多了就麻烦。
手动拼接最灵活，但最容易出错。
得看情况用。

怎么把html文件变成网站

上周试过这个方法。

第一步：用电脑自带的记事本。

第二步：敲代码。
比如写个简单的

你好

。

第三步：保存。
文件名叫 index.。

第四步：用浏览器打开。
真的能看到网页。

但光有代码不行。

还得加图片。
用 。

文字内容也要改。
用

标签。

样式可以乱入。
用