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"+"\n"+2+2);
    window.alert(2+2);
</script>

1. 先、后 输出

2.    +   :

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

将内容写到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()");

写到控制台

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

时间: 2024-11-07 11:21:15

JavaScript —— 用法 输出的相关文章

【优波尔】JavaScript的笔记 (1) 简介 用法 输出 语法

JavaScript基础笔记整理(1) 2015.05.29 今日任务:简介 用法 输出 语法 一.JavaScript的简介 JavaScript是脚本语言 JavaScript 是轻量级的编程语言,可插入html的代码 学习JavaScript了你会那些知识? (1)JavaScript:直接写入html输出流 document.write("<h1>这是一个标题</h1>"); (2)JavaScript:对事件的反应 <button type=&q

一些奇怪的Javascript用法

阅读AngularJS时,看到一些奇怪的Javascript用法.1.(function(){        a.work=function(){}   })(a)   声明一个匿名函数并执行 2. (new (function(){        this.al=function(){alert(123);};   })).al(); 一样是声明匿名函数并实例化一个对象   一个变体:    function Mouse(a){        this.al=function(){      

JavaScript 用法

JavaScript 用法 HTML 中的脚本必须位于 <script> 与 </script> 标签之间. 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中. <script> 标签 如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签. <script> 和 </script> 会告诉 JavaScript 在何处开始和结束. <script>

web前端之Javascript的输出

操作 HTML 元素 如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法. 请使用 "id" 属性来标识 HTML 元素: 警告: 请使用 document.write() 仅仅向文档输出写内容. 如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖: 程序演示: 1 <!DOCTYPE html> 2 <html> 3 <head> 4

QML中的JavaScript用法详解

熟悉JavaScript的应该都了解Netscape公司,一代骄子虽然倒下了,却给后人留下了最为珍贵的产品和经验,在互联网发展史上享有举足轻重的地位,这里就不讲故事了,虽然很精彩,从未被磨灭.QML是对JavaScript的扩展,提供了JS主机环境,用法相似,但有些地方与浏览器/服务器端提供的JS主机环境(如Node.js)是不同的,用起来又有一些限制,下面列举一些常用的方法. 1.QML文件中的JS表达式 初始化时属性绑定-- // Property.qml import QtQuick 2.

javascript练习输出菱形

<!doctype html> <html> <head> <meta charset="utf-8"> <title>webrx-title</title> <script type="text/javascript"> <!--输出菱形的上半部分--> var num = prompt("请输入菱形的边长(单击确定之后会看到以*为单位长度组成的菱形)&quo

JavaScript 用法02

前言: 介绍一下javascript的最基础语法规范和用法. HTML 中的脚本必须位于 <script> 与 </script> 标签之间. 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中. 1.<script> 标签 如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签. <script> 和 </script> 会告诉 JavaScript 在何处开

JavaScript基础 输出含有双引号/单引号的字符串

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=ut

JavaScript用法

JavaScript调用方法 内部任意位置 <script> //JS代码 </script> 外部 <script src="myJs.js"></script>