Как добавить переменную JavaScript в тег HTML скрипт? - PullRequest
Новая
       2

Как добавить переменную JavaScript в тег HTML скрипт?

0 голосов
/ 22 октября 2019

здесь у меня есть некоторая переменная в качестве имени хоста, я должен добавить это значение имени хоста в тег скрипта, например, необходимо заменить значение "имя хоста" на "https://ajax.googleapis.com", мы можем сделать это с помощью JavaScript?

Я не могу создать этот тег сценария, используя javascript, потому что есть так много тегов сценария, поэтому мне просто нужно заменить. 

<!DOCTYPE html>
<html>
<body>
<script>
var hostname="sample.com";
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</body>
</html>

Ответы [ 4 ]

2 голосов
/ 22 октября 2019

Вы можете динамически добавить свой скрипт на свою страницу после создания полного URL-адреса scr. Вот пример: 

<!DOCTYPE html>
<html>

<body>
  <script>
    var hostname = "sample.com";
    const script = document.createElement('script');
    script.src = hostname + '/ajax/libs/jquery/3.4.1/jquery.min.js'
    document.body.appendChild(script);
  </script>
</body>

</html>

В противном случае:

Вы можете динамически добавить свой скрипт на свою страницу после создания полного URL-адреса scr. Вот пример: 

<!DOCTYPE html>
<html>

<body>
  <script src="%HOST_NAME%/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="%HOST_NAME%/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="%HOST_NAME%/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script>
    var hostname = "sample.com";
    var scripts = document.getElementsByTagName('script');
    [ ...scripts ].forEach(script => {
      script.src = script.src.replace('%HOST_NAME%', hostname);
    })
  </script>
</body>

</html>
0 голосов
/ 22 октября 2019

Зарегистрируйте ваш скрипт, используя сам javascript. Вы можете использовать как это 

var hostName = 'http://sample.com/js/';

$(
  '<script />', 
  { 
    type: 'text/javascript', 
    src: hostName + 'yourJSfile.js'
  }
).appendTo('head');
0 голосов
/ 22 октября 2019 

<!DOCTYPE html>
    <html>
        <body>
            <a href="" id="link"></a>

            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
                var hostname="sample.com";
                //javascript 
                document.getElementById("link").href = hostname;
                //jquery code 
                $("#link").attr("href",hostname);
            </script>
        </body>
</html>
0 голосов
/ 22 октября 2019

Вы можете присвоить идентификатор тегу script, а затем сделать что-то вроде этого 

<script id="scriptID" src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

const hostName = "sample.com";
const scriptTag = document.getElementById("scriptID");
const newURL = scriptTag.src.replace('ajax.googleapis.com', hostName);
scriptTag.src = newURL;
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...