如何在浏览器中打开自定义代码？能否用<a>标签或JavaScript实现？

没问题，这两个问题我来给你详细拆解下：

1. 如何在网页浏览器中打开新的自定义代码？ #

这里有几个实用的方案，你可以根据场景选择：

• Data URI直接访问：把你的HTML/CSS/JS代码打包成Data URI格式，直接粘贴到浏览器地址栏回车，就能打开一个完全基于你自定义代码的页面。举个例子：

  data:text/html,<h1>我的自定义测试页</h1><style>body{color: #2c3e50; background: #ecf0f1;}</style><script>console.log('页面加载成功')</script>
  

  这种方式不需要本地文件，纯浏览器内操作，非常适合快速测试小段代码。
• 浏览器开发者工具：打开F12调出开发者工具，切换到「Sources」面板里的「Snippets」，新建一个代码片段，把你的自定义代码粘贴进去，右键执行就能在当前页面渲染（如果是HTML代码，可以用document.write()或者动态创建DOM元素来展示）。另外，短代码也可以直接在「Console」面板输入执行。
• 本地HTML文件：把你的代码写成完整的HTML文件（比如custom-page.html），双击文件就能用默认浏览器打开，展示你的自定义内容。

2. 是否可以使用锚点标签或JavaScript代码打开新页面，不传入URL，而是加载并显示自定义代码内容？ #

当然可以，两种方式都有可行的实现方法：

用标签实现 #

给<a>标签的href设置为Data URI，再加上target="_blank"就能在新窗口打开自定义内容。示例代码：

<a href="data:text/html,<h2>锚点触发的自定义页面</h2><p>不需要外部URL也能展示内容</p>" target="_blank">点击打开自定义页面</a>

点击这个链接，浏览器就会弹出新窗口，直接加载你写在Data URI里的代码内容。

用JavaScript实现 #

有两种常用思路，灵活性都很高：

• 结合window.open()和Data URI：把自定义代码转成Data URI，传给window.open()打开新窗口：

  // 定义自定义页面代码
  const customContent = `
    <html>
      <head>
        <title>JS生成的新页面</title>
        <style>body{padding: 20px; font-family: Arial;}</style>
      </head>
      <body>
        <h3>这是JS动态生成的页面</h3>
        <script>alert('新页面已加载');</script>
      </body>
    </html>
  `;
  // 转成Data URI（encodeURIComponent处理特殊字符）
  const dataUri = 'data:text/html,' + encodeURIComponent(customContent);
  // 打开新窗口
  window.open(dataUri);
  

• 先开空白窗口再动态写入：先打开一个空白新窗口，再通过document.write()注入代码：

  // 打开空白新窗口
  const newWin = window.open('', '_blank');
  // 写入自定义代码
  newWin.document.write(`
    <h1>动态写入的内容</h1>
    <p>可以随时修改这段代码来调整页面</p>
  `);
  // 关闭文档流，触发页面渲染
  newWin.document.close();
  

  这种方法适合需要动态生成内容的场景，比如根据用户操作实时调整要展示的代码。

内容的提问来源于stack exchange，提问作者user7386142