码迷,mamicode.com
首页 > 其他好文 > 详细

2018.06.20实训随笔

时间:2018-06-21 01:36:36      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:col   html   document   内容   注意   rap   name   提交   应该   

今日学习成果:

学习了JS的简介、实现、输出、语句、注释、变量和基本数据类型,了解了css和html的基本语法,在学习的过程中也发现了一些问题,写出来供有缘人参考也提醒自己。

1、JS对大小写敏感,一定要切记字母的大小写要正确,要不很容易GG

2、JS中函数的调用要注意引号的问题,确认参数是字符串还是其他的变量类型。

document.getElementById("first").innerHTML = cars[0]; 正确
document.getElementById(first).innerHTML = cars[0];错误

 

3、表格制作时,应该一行一行的画,即<tr>应该包含<td>标签,正确示例如下:

<h3>测试数组初始化与操作</h3>
    <table id="carName" width="120px" border="100px">
        <tr>
            <td>No</td>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>CarName</td>
            <td id="first">Aodi</td>
            <td id="second">Benchi</td>
            <td id="third">BYD</td>
        </tr>
    </table>

执行结果如图:

 技术分享图片

如果<td>标签写到了<tr>标签里面,就会出现下面的效果。

技术分享图片

4、

<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
</script>

如果写文本的语句像上面一样写在<head>或者<body>里面,会在已有页面的基础上继续绘制页面,不过如果像下面这种,点击按钮后再执行写文本的语句,会先清除所有内容再写文本。

<button type="button" onclick="isNumber()">
        点我提交框框内容
    </button>

5、JS和CSS语句可以独立成文件,然后链接到html文件中。

<script src="myScript.js"></script>
<link rel="stylesheet" href="test.css" />

 

2018.06.20实训随笔

标签:col   html   document   内容   注意   rap   name   提交   应该   

原文地址:https://www.cnblogs.com/BoqianLiu/p/9206606.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!