主页 / 问题 / 998928
Accepted
Sergey
Asked:2020-07-03 18:55:03 +0000 UTC2020-07-03 18:55:03 +0000 UTC

如何从java脚本中的字符串在页面上执行脚本？

  • 772

对于 web 组件的服务器端渲染，我需要一个脚本来在页面上执行。如果我向服务器发出请求并获得响应，则该行被很好地读取，但是当我向服务器发出获取请求以将组件添加到已经存在的页面时，我得到了响应，但我不知道如何执行脚本。

简化后，要渲染的行如下所示：

`<script>function __ssr(){console.log('exprestion')}> 
 <script>__ssr()</script>`

真正的字符串：

 `<script>function __ssr(){var a=document.currentScript.previousElementSibling,b=a.firstElementChild;a.removeChild(b);for(var c=a.attachShadow({mode:"open"});b.hasChildNodes();)c.appendChild(b.firstChild);}</script><x-hello><shadow-root><span>Hello, <x-yell><shadow-root><strong><slot></slot></strong></shadow-root><slot></slot></x-yell><script>__ssr()</script>!</span></shadow-root>World</x-hello><script>__ssr()</script>`

如何使用页面上的获取请求从服务器执行此行以呈现 Web 组件？

在此处输入图像描述

javascript

1 个回答

  1. Best Answer

    必须转义/-> \/，因此它甚至不适合代码段，但如果它来自服务器，则可以使其成为常规代码段。

    然后只是附加到页面

    let str = '<script>function __ssr(){var a=document.currentScript.previousElementSibling,b=a.firstElementChild;a.removeChild(b);for(var c=a.attachShadow({mode:"open"});b.hasChildNodes();)c.appendChild(b.firstChild);}<\/script><x-hello><shadow-root><span>Hello, <x-yell><shadow-root><strong><slot><\/slot><\/strong><\/shadow-root><slot><\/slot><\/x-yell><script>__ssr()<\/script>!<\/span><\/shadow-root>World<\/x-hello><script>__ssr()<\/script>'; 


setTimeout(e => $('body').append(str), 1000);
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
1234

    PS：如果只有脚本到达就可以通过eval，但是你有标记......

    • 1

相关问题