Создайте интерактивный URI, который содержит начальный url + document.title + еще одну строку - PullRequest
Новая
       0

Создайте интерактивный URI, который содержит начальный url + document.title + еще одну строку

0 голосов
/ 15 января 2020

Я хотел бы создать кликабельный URL, который содержит начальную строку URL + document.title + еще одну строку + response.text. Текст ссылки должен быть «нажмите здесь»

Это мой код 

<!DOCTYPE html>
<html>

<head>
  <script>
    'use strict';
    var res = "";
    (async () => {
      let response = await fetch('https://httpbin.org/encoding/utf8');

      let text = await response.text(); // read response body as text

      document.getElementById("KK1").innerHTML = (text.slice(0, 10));

      // I want to generate a clickable uri that contains starting url+document.title+another string+response.text. The link text should be "click here"
      document.getElementById("demo").innerHTML = '<a href="https://www.google.com/search?"+ document.title+ "ANOTHER-STRING-HERE"+  text">Click Here</a>';
    })()

  </script>
  <title>My File Dowmloder.rar</title>
</head>

<body>
  <h2>My First Web Page</h2>
  <p>My First Paragraph.</p> Generate clickable URL from parameters. <a id="demo"></a><br>
  <p id="KK1"></p>
</body>

</html>

Когда я запускаю этот код, генерируемый URL содержит только начальную строку URL, т.е. "https://www.google.com/search?". Но я хочу, чтобы полный URL содержал начальный URL + document.title + еще одну строку + response.text.

Начальный URL: https://www.google.com/search? document.title: Заголовок страницы Другая строка: Любая строка response.text: Строка, полученная из fetch

Ждем вашей помощи. Спасибо всем.

1 Ответ

0 голосов
/ 15 января 2020

Я не совсем уверен, что вы пытаетесь сделать, но это получает вещи и делает ссылку. 

fetch('https://httpbin.org/encoding/utf8')
  .then((response) => {
    return response.text();
  })
  .then((text) => {
    document.getElementById("KK1").innerHTML = text.slice(0, 10);
    document.getElementById("demo").href = `https://www.google.com/search?${document.title}another string${text}`;
  });
<html>

<head>
  <title>My File Dowmloder.rar</title>
</head>

<body>

  <h2>My First Web Page</h2>
  <p>My First Paragraph.</p>

  Generate clickable URL from parameters.

  <a id="demo">Click Here</a><br>

  <p id="KK1"></p>
</body>

</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...