zoukankan html css js c++ java

JavaScript —— 用法输出

必须在<script>标签内
可以在<body>和<head>部分中
不限数量

<script>
...

</script>
即可，不需要 type="text/javascript"

外部的javaScript

<body>
<script src="myScript.js"></script>
</body>

*******外部的脚本中 不能包含<script></script>

小总结：

1. onclick= “函数名（）”

2. HTML 输出流中使用 document.write，相当于添加在原有html代码中添加一串html代码。而如果在文档加载后使用（如使用函数），会覆盖整个文档。

<script>
function myfunction(){
    document.write("使用函数来执行doucment.write，即在文档加载后再执行这个操作，会实现文档覆盖");
}
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");
</script>
<p >
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
</p>
<button type="button" onclick="myfunction()">点击这里</button>

输出

window.alert() ————警告框。
document.write() ————将内容写到 HTML 文档中。
innerHTML ————写入到 HTML 元素。
console.log() ————写入到浏览器的控制台。

警告框

<script>
window.alert("fuck"+" dame it"+"
"+2+2);
    window.alert(2+2);
</script>

1. 先、后输出

2. + ：

　　只有字符串——拼接效果
　　只有数字——输出数字相加的和
还有字符串——将数字看作字符串
　　" "————换行效果

将内容写到HTML文档中——寻找并修改元素

<p id="demo">我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>

<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction() 
{
    document.write(Date());
}
</script>

【目前的理解是： document.write() 会将页面覆盖，需要使用innerHTML 写入具体的元素】

但以下魔改是错误的：【形式必须按上方写】

document.getElementById("xx").write("Date()");

写到控制台

查看全文

相关阅读:
蓝桥杯基础算法训练图形显示（简单模拟，坑）
越喜欢村上春树，就越懂得生活
 HTML 基础之列表标签 () 学习笔记
 HTML 基础之段落标签() 学习笔记
 《Norwegain Wood》—— The Beatles
蓝桥杯基础算法训练前缀表达式（基础语法）
Python3 使用 urllib 包访问Web网站
 蓝桥杯算法提高队列操作（STL基本操作）
蓝桥杯算法提高 11-1 实现strcmp函数（C语言实现，指针实现）
蓝桥杯基础算法训练矩阵乘法（模板题）

原文地址：https://www.cnblogs.com/expedition/p/11028519.html

JavaScript —— 用法 输出

JavaScript —— 用法输出