Как получить атрибуты и захватить их на другой странице с помощью JavaScript?

В моем указателе я динамически загружаю фильмы и сериалы с другими сценариями, присваивая все атрибуты ссылкам и изображениям, они должны перенести меня на следующую страницу, которую я заполняю сценарием, который я помещаю ниже при выборе ссылку, из выбранной вами ссылки, вам нужно захватить атрибут title, чтобы использовать его при заполнении динамически созданной страницы.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>FunnyNet</title>
    <link rel="stylesheet" href="css/estilos.css">
    <link rel="stylesheet" href="css/preloader.css">

</head>
<body class="hidden">

<!--Preloader-->
<div class="centrado" id="onload">
    <div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
</div>
<!--Fin Preloader-->
<header>

    <nav id="nav" class="nav1">
        <div class="contenedor-nav">
            <div class="logo">
                <img src="img/logo3.png" alt="">
            </div>
            <div class="enlaces" id="enlaces">
                <a href="#" id="enlace-inicio" class="btn-header">Inicio</a>
                <a href="#" id="enlace-peli" class="btn-header">Peliculas</a>
                <a href="#" id="enlace-stv" class="btn-header">Series y TV</a>
                <a href="#" id="enlace-docu" class="btn-header">Documentales</a>
                <a href="#" id="enlace-depor" class="btn-header">Deportes</a>
                <a href="#" id="enlace-mus" class="btn-header">Musicales</a>
            </div>
            <div class="icono" id="open">
                <span>&#9776;</span>
            </div>
        </div>
    </nav>
    <div class="textos">
        <h1>Bienvenido a FunnyNet</h1>
        <h2>¡Disfruta de un viaje plancetero viendo lo que mas te gusta!</h2>
    </div>
</header>
<main>

    <section class="contenedor">
            <h3>Peliculas Estreno</h3>
            <div class="peliculas" id="cont-video" onclick="captura_link()">

            </div>
    </section>
    <hr>
    <section class="contenedor">
            <h3>Series Estreno</h3>
            <div class="series" id="cont-video" onclick="captura_link()">


            </div>

    </section>

</main>
<footer id="contacto">
    <div class="footer">
        <div class="marca-logo">
            <img src="img/logo3.png" alt="">
        </div>
        <p>Copyright © 2019 FunnyNet. Todos los Derechos Reservados.</p>
    </div>
</footer>
    <script src="js/jquery.js"></script>
    <script src="js/main.js"></script>
    <!--<script src="js/filtro.js"></script>-->
    <script src="js/cargarvideo.js"></script>

    <script>

        $(".peliculas").load("leer_pelicula.php");
        $(".series").load("leer_serie.php");

    </script>


</body>
</html>

Это будет другая страница, где они будут загружать видео

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/reproducir.css">
    <title>¡A Disfrutar!</title>

</head>
<body>
    <div class="content-video">
        <div class="panel-video" id="reproduciendo">

        </div>
    </div>
<script src="js/jquery.js"></script>
<script src="js/cargarvideo.js"></script>
</body>
</html>

в моем JS. У меня есть функция, которая фиксирует значение атрибута title ссылки, по которой я щелкаю, что-то вроде этого.

 function captura_link(){

        const dir_peli = $('a').attr("title");
        console.log(dir_peli);
    }

$(window).ready(function(){
const cont_video = document.getElementById("reproduciendo");

const video = document.createElement("video");

video.setAttribute("class", "multimedia");
video.setAttribute("id", "repro-video");
video.setAttribute("controls", "");
video.setAttribute("disablePictureInPicture", "");
video.setAttribute("autoplay", "enable");
video.setAttribute("controlslist","nodownload");
video.setAttribute("src","peliculas/7_almas/SieteAlmas.mp4");
video.setAttribute("type", "video/mp4");

cont_video.appendChild(video);

});

Это дает мне неопределенное, как я могу исправить, чтобы захватить значение и избежать ошибки. Спасибо

1
задан 11.08.2019, 01:12
1 ответ

Кликнув на элементе <a> то, что ты делаешь, он состоит в том, чтобы перезагружать или redireccionar у страницы есть два выбора, посылать из-за унифицированного указателя ресурса титул v¦-deo или сохранять титул в localStorage, когда он будет находиться на другой странице (того же домена) podrÃ: соглашаться на сохраняемый титул и прилагать в src v¦-deo.

Aquie я добавляю пример. (я использую <form>, чтобы симулировать перенаправление) , ты можешь тестировать код в codepen click aquà - .

function ver(element){
  const titulo = element.getAttribute('title')
  console.log(titulo)
  localStorage.setItem('video_title',titulo)

}

function reproducir(){
  const cont_video = document.getElementById("reproduciendo");
  const video_titulo = localStorage.getItem('video_title');
  if(video_titulo !== null && video_titulo !== '' ){
    console.log(video_titulo)
    const video = document.createElement("video");
    video.setAttribute("class", "multimedia");
    video.setAttribute("id", "repro-video");
    video.setAttribute("controls", "");
    video.setAttribute("disablePictureInPicture", "");
    video.setAttribute("autoplay", "enable");
    video.setAttribute("controlslist","nodownload");
  video.setAttribute("src","peliculas/7_almas/"+video_titulo+".mp4");
    video.setAttribute("type", "video/mp4");
    cont_video.appendChild(video);
  }
}

function showTutitulo(){
  const video_titulo = localStorage.getItem('video_title');
  if(video_titulo !== null && video_titulo !== '' ){
    document.getElementById('btn').innerText = "Reproducir "+video_titulo
  }
}

window.onload = function() {
  showTutitulo()
}
<div id="reproduciendo">
<button onclick="reproducir()" id="btn">Reproducir</button>
<form action="">
<button type="submit" title="SieteAlmas.mp4" onclick="ver(this)">Ver SieteAlmas</button>
<button type="submit" title="OchoAlmas.mp4" onclick="ver(this)">Ver OchoAlmas</button>
</form>
</div>
0
ответ дан 01.12.2019, 22:19
  • 1
    Превосходный большое спасибо Диего, уже я это приспосабливаю мой có я говорю и функционируй совершенно! я новый с JS он стоил мне немного, но есть за нас явились благодарным! – Romulo Loyo 10.08.2019, 21:04