#javascript #html #css #google-apps-script
#javascript #HTML #css #google-apps-script
Вопрос:
Сначала я покажу свой код, это мой html-код, который выполняется:
<!DOCTYPE html>
<html>
<head>
<title>Elliots Site</title>
<base target="_top">
<?!= include('Gcss'); ?>
<script type="text/javascript">
</script>
</head>
<body>
<div class="page">
<iframe style="width: 100%; height: 100px; overflow: hidden;" src="http://google.com" width="100" height="100" scrolling="no">Iframes not supported</iframe>
<h1 class="emoj">"😀"</h1>
</div>
<?!= include('Gjavascript'); ?>
</body>
</html>
И это мой файл css:
<style>
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
html, body {
margin: 0;
padding: 0;
}
body {
font-family: 'Roboto', sans-serif;
font-weight: 100;
}
.page iframe {
vertical-align:center;
width=200%;
height=100%;
}
.page .emoj {
text-align:center;
color:auto;
vertical-align:center;
}
.page{
background-color:white;
align-items: center;
height:400px;
background-attachment: fixed;
background-repeat: no-repeat;
text-align:center;
}
<style>
У меня также есть еще два файла для запуска кода и применения файла css, который, я уверен, не является проблемой. Это первый файл gs, который является формой js, код начинается с doGet
function doGet() {
return HtmlService.createTemplateFromFile('gindex')
.evaluate();
}
function include(filename) {
return HtmlService.createHtmlOutputFromFile(filename)
.getContent();
}
и другой, который является html:
<!DOCTYPE html>
<script>
window.addEventListener('load', function() {
console.log('Page is loaded');
});
</script>
Хорошо, теперь вопрос. Текущий результат — это просто пустая страница, и она даже не печатает текст. до сих пор я не пробовал ничего, что привело бы к большому успеху, до сих пор я работал над файлом css, чтобы попытаться это исправить. Я провел исследование, но не смог найти много в Google scripts. цель кода — отобразить домашнюю страницу Google внутри сайта, я развертывал ее как веб-страницу. Это мой первый пост, если у вас есть вопросы, на которые я мог бы ответить или проверить, пожалуйста, дайте мне знать
Комментарии:
1. Использование только этих тегов подходит для css
<style></style>
, и если вы не используете шаблонный html, вы можете поместить их все на одну страницу.2. хорошо, спасибо за ответ, я сделаю это, но решит ли это проблему или просто общее предложение
3. кто-нибудь, помогите мне, пожалуйста
4. 😭😭😭:'(:'(:'(:-(:-(:-(😭😭😭
5. Я обновил код до URL-адреса ironixx и двух строк кода, <meta charset=»UTF-8″> <meta name=»viewport» content=»width=device-width, initial-scale= 1.0″>
Ответ №1:
Ваш код выглядит немного запутанным из-за того, как он предоставлен, поэтому для демонстрационных целей я сделал свой собственный. Если вы хотите «встроить» google.com первая страница на вашем сайте, затем используйте iframe, но вместо того, чтобы использовать google.com попробуйте воспользоваться этой ссылкой => https://www.google.com/webhp?igu=1 в противном случае он ничего не покажет.
PS Для предварительного просмотра кода используйте полноэкранный режим.
.frame {
height: 700px;
width: 600px;
}
.page {
text-align: center;
}
body {
background-color: grey;
height: 100vh;
overflow: hidden;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IRONIXX</title>
</head>
<body>
<section class="page">
<h1 class="emoj">"😀"</h1>
<iframe class="frame" src="https://www.google.com/webhp?igu=1" frameborder="0"></iframe>
</section>
</body>
</html>
Комментарии:
1. святая корова! это удивительно, я протестирую новый URL в своем коде (не хотел бы красть вашу работу), но вы также не знаете, насколько полезно изучать тот же код с теми же концепциями, которые я использовал, но отформатированный лучше. Я так благодарен, что вы уделили время не только попыткам помочь с проблемой, но и переписали код
2. @ElliotMassey — не стесняйтесь использовать его так, как вы хотите / нуждаетесь, если это поможет решить ваш вопрос. 😉
Ответ №2:
Я знаю, что это не решает ваш сценарий с пустой страницей напрямую, но если вы заинтересованы во вложении другого сайта в свой, возможно, вам было бы интересно использовать iframe вместо этого?
Вот генератор. Попробуйте ввести google.com
и посмотреть, сможете ли вы встроить его на свой сайт.
Комментарии:
1. Я перешел на iframe (должен сказать, я забыл о них, я использовал iframes в начале, но начал использовать другие материалы, чтобы попытаться исправить ошибку) я обновлю сообщение и хотел бы получить больше решений или общих отзывов!