1, роль
HTML 定义了网页的内容
CSS 描述了网页的布局
JavaScript 网页的行为
2,<script>
HTML в сценарии должен быть расположен между этикетками.
Сценарии могут быть размещены и часть страницы HTML.
3,
4,
5, функции JavaScript
В этом примере, мы поместили функциональную часть JavaScript страницы HTML.
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
</body>
6, функции JavaScript
В этом примере, мы поместили функциональную часть JavaScript страницы HTML.
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">尝试一下</button>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</body>
7, внешний JavaScript
Расширение файла внешний .js файлов JavaScript.
Чтобы использовать внешний файл, то <script>
метка «ЦСИ» установлен атрибут в .js файле
<body>
<script src="myScript.js"></script>
</body>
可以将脚本放置于 <head> 或者 <body>中,放在 <script> 标签中的脚本与外部引用的脚本运行效果完全一致。
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
外部脚本不能包含 <script> 标签。
8, JavaScript отображает данные
МАЙ JavaScript выходные данные различными способами:
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。
8.1, используя window.alert ()
Вы можете выскочит окно с предупреждением, чтобы отобразить данные:
<script>
window.alert(5 + 6);
</script>
8,2, манипулировать HTML-элементы
Чтобы получить доступ к HTML-элемент из JavaScript, вы можете использовать метод document.getElementById (ID).
Пожалуйста, используйте атрибут «ID», чтобы определить HTML элементы и innerHTML, чтобы получить содержимое или вставить элементы:
<body>
<h1>我的第一个 Web 页面</h1>
<p id="demo">我的第一个段落。</p>
<script>
document.getElementById("demo").innerHTML="段落已修改。";
</script>
</body>
8,3, написать документ HTML
Для целей тестирования, вы можете напрямую писать JavaScript в HTML-документе:
<script>
document.write(Date());
</script>
8,4, использование document.write () просто написание контента для вывода документа.
Если вы document.write после того, как документ по окончанию загрузки, весь HTML страница будет перезаписана.
<body>
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction() {
document.write(Date());
}
</script>
</body>
8,5, написать в консоли
Если ваш браузер поддерживает отладку, вы можете использовать метод console.log () для отображения значения JavaScript в вашем браузере.
Браузер с помощью F12, чтобы включить режим отладки, нажмите на меню «Консоль» в окне отладки.
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
тест отладки программы, найти и сократить процесс ошибку (ошибка).