Показать текущий URL веб-страницы (динамический) в HTML

Question

У меня есть этот код в моем HTML:

<h3 id="left">Lorem Ipsum </h3>

                <h3 id="right">[Current URL Here]</h3>

Я хочу отображать (динамически) текущий URL внутри тегов <h3>. Я пытался понять это в течение нескольких дней, но я действительно мобильный разработчик, а не разработчик HTML, так что это оказалось трудным. Мне нужно это для приложения, над которым я работаю, поэтому, пожалуйста, будьте осторожны со мной:)

Заранее спасибо.

Answer 1

document.getElementById('right').innerHTML = window.location.href;

Answer 2

Если вы хотите сделать это на PHP, это немного сложнее:

$url = !empty($_SERVER['HTTPS']) ? 'https://' : 'http://';
$url .= $_SERVER['HTTP_HOST'] . htmlspecialchars($_SERVER['REQUEST_URI']);

Как указывает aronasterling , вам нужно санировать $_SERVER['REQUEST_URI'], чтобы предотвратить XSS.

Answer 3

Ну, вы просто не можете сделать это в чистом HTML.

С помощью javascript вы можете перейти с

<h3 id="right">
<script type="text/javascript">
document.write(location.href);
</script>
</h3>

В противном случае, если вы запрашиваете страницу на сервере, вам лучше сделать это там.

Answer 4

<script type="text/javascript">
var segments = window.location.pathname.split('/');
var toDelete = [];
for (var i = 0; i < segments.length; i++) {
    if (segments[i].length < 1) {
        toDelete.push(i);
    }
}
for (var i = 0; i < toDelete.length; i++) {
    segments.splice(i, 1);
}
var filename = segments[segments.length - 1];
console.log(filename);
document.write(filename);
</script>

Answer 5

Код Php:

function curPageURL() {
 $pageURL = 'http';
 if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
 $pageURL .= "://";
 if ($_SERVER["SERVER_PORT"] != "80") {
  $pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
 } else {
  $pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
 }
 return $pageURL;
}

<h3 id="right">echo curPageURL();</h3>

Answer 6

В то время как JavaScript является более распространенным, вы также можете использовать Server-Side Includes:

<h3 id="right">
    <!--#echo var="SERVER_NAME" -->/<!--#echo var="DOCUMENT_URI" -->
</h3>

• вместо SERVER_NAME вы можете попробовать HTTP_HOST
• вместо DOCUMENT_URI вы можете попробовать REQUEST_URI; один включает строку запроса, другой нет

Answer 7

код php для получения полного URL текущей страницы выглядит следующим образом

<?php 

    $protocol = $_SERVER['HTTPS'] == 'on' ? 'https' : 'http';

    echo $protocol.'://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
?>

Ссылка

если вы хотите использовать javascript, используйте метод, предложенный @ MooGoo

полное использование этого скрипта выглядит следующим образом

<SCRIPT LANGUAGE="JavaScript">        
   document.getElementById('right').innerHTML = window.location.href;       
</SCRIPT>

используйте это после того, как вы объявили / определили <h3 id="right">[Current URL Here]</h3>

Надеюсь, что полезно