js学习

最新推荐文章于 2024-04-30 20:32:35 发布

现在是九点五十七分

最新推荐文章于 2024-04-30 20:32:35 发布

阅读量417

点赞数 1

分类专栏：杂文章标签： js

本文链接：https://blog.csdn.net/qq_43343854/article/details/88606197

版权

杂专栏收录该内容

15 篇文章 0 订阅

订阅专栏

使用 window.alert() 弹出警告框。
！！！！！使用 document.write() 方法将内容写到 HTML 文档中。(document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。)
以下是我自己编的验证程序：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
 
</head>
<h1 id="demo"> 我的第一个网页</h1>
<body>
    <p>看看究竟会不会消失呢</p>
    <button onclick="Text()">click</button>
    <script>
        function Text()
        {
            document.write("12345");
        }
    </script>

 <button onclick="Function()"> lalala</button>
    <script>
        function Function()
        {
            window.alert("1+5");
        }
        </script>
</body>
</html>

使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。

<button onclick="myFunction()">点我</button>
<script>
function myFunction() {
   	document.write(Date());
}
</script>

//不要忘加()

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);

//按f12 将显示控制台结果 console（控制台）

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

//这个是来修改段落的。

//函数function 中的f是小写字母！！！

以下代码是定义结构体、数组、以及for循环输出的例子，虽然简单，也十分好理解，但是很容易输错，有很多小细节应该注意。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <script>
    var i;
    var body=
    {
        height:100,
       high:164,
        study:100
    };
    var house=
    {
       hers : "small",
        his:"small too",
        mine:"very big"
    };
    var class3 = new Array();
    class3[0]="1";
    class3[1]="2";
    class3[2]="3";
    for(i=0;i<3;i++)
        document.write(class3[i] + "<br>");
    document.write(house.hers + "<br>");
    document.write(body.study + "<br>");
        
    </script>
</body>
</html>

分界线-----------------------------------------------------------------------------------------------------------------------
parseFloat() 解析一个字符串并返回一个浮点数。
parseInt() 解析一个字符串并返回一个整数。

var iNum1 = parseInt("12345red");	//返回 12345
var iNum1 = parseInt("0xA");	//返回 10
var iNum1 = parseInt("56.9");	//返回 56
var iNum1 = parseInt("red");	//返回 NaN
var fNum1 = parseFloat("12345red");	//返回 12345
var fNum2 = parseFloat("0xA");	//返回 NaN
var fNum3 = parseFloat("11.2");	//返回 11.2
var fNum4 = parseFloat("11.22.33");	//返回 11.22
var fNum5 = parseFloat("0102");	//返回 102
var fNum1 = parseFloat("red");	//返回 NaN

获取文本框的内容有以下两种方法：
首先假设文本框如下：

  <input type="text" value="" id="textId">

用js获取文本框的值：
document.getElementById("textId").value //textId为文本框的id

以下代码是在CSDN上看到的，理解每一句有助于初学者更好地理解。
侵删

 <pre name="code" class="html"><span style="font-size:18px;"><!DOCTYPE HTML>
    <html>
    <head lang="en">//语言为英语
    <meta charset="UTF-8">//遵循国际什么什么准则
    <title>根据三角形的三条边长(长、中、短三条边)，来判断三角形类型</title>
    <script>
        function aa() {
            var a = document.form1.num1.value;
            var b = document.form1.num2.value;
            var c = document.form1.num3.value;
            a = parseInt(a);
            b = parseInt(b);
            c = parseInt(c);
            if (a + b > c && b + c > a && a + c > b) {
                if (a * a + b * b < c * c) {
                    document.write("钝角三角形");
                }
                else if (a * a + b * b == c * c) {
                    document.write("直角三角形");
                }
                else {
                    document.write("锐角三角形");
                }
            } else {
                document.write("不是三角形");
            }
        }
        </script>
    </head>
    <body>
    <form name="form1">
       
    <input type="text" name="num1" /><br>//出现文本框，可以输入数据
    <input type="text" name="num2" /><br>
    <input type="text" name="num3" /><br>
        <input type="button" onclick="aa()" />
        </form>
    </body>
    </html></span>

html 超文本标记语言，用来搭建网站的结构
css 层叠样式表，用来设置网站的样式
JavaScript 一种脚本语言，用来设定网站行为
DOM：文档对象模型，用于修改文档的内容和结构
SVG：可缩放矢量图形，用于绘制可视化的图形

d3.js安装
第一种下载d3.js的zip，解压后，在 HTML 文件中包含相关的 js 文件。
第二种直接引入用<script>标签引入:

<script  src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>

Java、C 和 Perl 都要求每行代码以分号（;）结束才符合语法。

现在是九点五十七分

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js学习

使用 window.alert() 弹出警告框。！！！！！使用 document.write() 方法将内容写到 HTML 文档中。(document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。)以下是我自己编的验证程序：&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html xmlns=&quot;http:...
复制链接

扫一扫