首页 > 代码库 > 学习内容

学习内容

2024-08-26 06:37:44   230人阅读

 <input> 标签中对属性使用的不同语法：

Empty ：<input type="text" value=http://www.mamicode.com/"John Doe" disabled>//属性的值使用的是双引号方式，但是添加 disabled 会让文本框不可用，里面的值没有办法直接在页面上更改

Unquoted    ：<input type="text" value=http://www.mamicode.com/John Doe>//属性值没有使用引号

Double-quoted    ：<input type="text" value=http://www.mamicode.com/"John Doe">//属性值使用的是双引号

Single-quoted    ：<input type="text" value=http://www.mamicode.com/‘John Doe‘>//属性值 使用的是单引号


在HTML5中被删除的元素：

以下 HTML 4.01 元素已从 HTML5 中删除：

<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>


over，在鼠标指针移动到指定的对象上时发生。
move，在鼠标指针移动时发生。

事件 onm ousemove 与 onm ouseover 在下例中的不同：

<script type="text/javascript"> 
function cnvs_getCoordinates(e)
{
x=e.clientX;
y=e.clientY;
document.getElementById("xycoordinates").innerHTML="Coordinates: (" + x + "," + y + ")";
}
 
function cnvs_clearCoordinates()
{
document.getElementById("xycoordinates").innerHTML="4545";
}
</script>
</head>

<body style="margin:0px;">

<p>把鼠标悬停在下面的矩形上可以看到坐标：</p>

<div id="coordiv" style="float:left;width:199px;height:99px;border:1px solid #c3c3c3" onm ousemove="cnvs_getCoordinates(event)" onm ouseout="cnvs_clearCoordinates()"></div>
<br />
<br />
<br />
<div id="xycoordinates"></div>

当为移动获取值是方法为 onm ousemove 时，鼠标在 div id="coordiv"  内移动时，会通过  x=e.clientX;   y=e.clientY;  及时刷新 x 与 y 的坐标值，并显示坐标值

当为移动获取值是方法为 onm ouseover 时，鼠标在 div id="coordiv"  内移动时，并不会刷新 x 与 y 的坐标值，只显示第一次鼠标移入 div id="coordiv"  内的坐标值，当移出后再移入，则会刷新一次值。


http://blog.csdn.net/accountwcx/article/details/46788681
上面网址 浅谈Html的内容加载及JS执行顺序

html 是从上而下执行代码的，js 是一种解释性的脚本，所以也是从上而下执行代码的 ，所以，如果出现 js 代码放在 head 中，但是却在执行后没有效果，刚需要检查一下是否在没有加载好元素的情况下调用了 js ，致使 js 中使用了并未加载到的 html 元素。

以下是自己理解的几种情况：

1、如果是将代码放在单独的文件中，html页面执行时，会在运行到link 或 script 外联的文件时将文件加载，（但不运行，这里是自己的理解，不确定是否是这样）；

2、如果是直接通过<style><script>方式嵌入<head>中，则会在页面执行到相应代码时，立即执行代码（需要被触发才执行的 事件函数等除外 ）；

3、如果是将 js 代码放在底部</body>后面，js  代码则会在前面 html 代码全部加载完成后，再加载，此时再按照顺序执行 js 代码；

 

Canvas：
依赖分辨率
不支持事件处理器
弱的文本渲染能力
能够以 .png 或 .jpg 格式保存结果图像
最适合图像密集型的游戏，其中的许多对象会被频繁重绘


SVG：
不依赖分辨率
支持事件处理器
最适合带有大型渲染区域的应用程序（比如谷歌地图）
复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）
不适合游戏应用

 

学习内容


联系
我们