Ответ 1
Вы можете использовать data:text/html, пример:
data:text/html,<h1>Hello World</h1><script>alert('JavaScript works too!');</script>
Другие примеры URI данных: https://developer.mozilla.org/en/data_URIs
Как отобразить некоторый HTML, введя его в адресную строку?
Есть ли способ, чтобы браузер отображал данную HTML-страницу, вставив код HTML в адресную строку, а затем набрав Enter? Браузер - это Google Chrome. К сожалению, если я вставляю HTML, а затем нажимаю Enter, он перенаправляется на поисковый сайт Google... это не то, что я хочу!
Я хочу вставить HTML-код, например <html> <body> ... </body> </html>
Другой вариант, о котором я думал, - вставить что-то вроде
JavaScript: document.write( '<HTML> < тело > ... </тело > </HTML> ');
но добавляет HTML к текущей странице, тогда как я хочу reset содержимое страницы.
Ответы
Ответ 2
javascript:document.write("your code here");
Ответ 3
Или, чтобы сделать вещи еще проще, если вам нужен другой HTML, отображаемый в разное время, попробуйте поместить его в адресную строку, а затем введите HTML в приглашение. Этот JavaScript, который находится в адресной строке, называется букмарклетом, и если вам нужно сделать это часто, вы можете добавить его в качестве закладки/избранного для легкого доступа.
javascript:document.write(prompt('Enter the HTML', ''));
Ответ 4
URL: javascript:document.write('foo');
Вы можете отображать данные HTML, используя DOM-манипуляцию, но вы не можете напрямую вводить HTML.
Ответ 5
javascript:void(document.write("<html style='color:red'>HTML goes here</html>"))
Ответ 6
Вы можете сделать это с помощью этого:
javascript:document.location.replace( 'about:Blank' ); javascript:void(document.write("<html>HTML here</html>"));
Если вы хотите открыть новую вкладку/экран и показать ее там, вы можете использовать это:
javascript:window.open("javascript:void(document.write('<html>HTML here</html>'));", "test");
Не знаю, как это работает с chrome tho.
Ответ 7
Вы также можете сделать это прямо в своем браузере, как это, если использовать хром (протестирован на Mac). Просто вставьте его в адресную панель, и вы можете скопировать вкладку char.
data:text/html,<pre>	</pre>