好好学习,天天向上
越是折腾,越发觉知识的匮乏。
想给主题优化一下无限加载的形式,结果怎么都弄不好,
深深体会到掌握的知识实在是太少了,特别是对javascript的知识,真是少得可怜
于是今天又拾起了《JavaScript》这本书,准备好好从头开始学一下基础知识。
制作这个主题的时候,有相当一部份代码都不是手打的,
大多是复制了网络上的实例代码进行修改而得出的结果,虽然效果是实现了,
但对于代码结构的熟悉、掌握度其实都没有提升,现在才意识到这个问题!
果然代码还是要自己手动敲才会加深记忆,也更容易理解,哪怕是对着实例敲一篇,
得到的收获也是不一样的。嗯嗯,今天开始我要多敲代码。
说干就干,就从这篇开始得了,敲一个今天刚看的简单的实例:
当输入框获取焦点时自动填充内容,以下代码全部手动敲入。
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<meta charset="utf-8">
<script>
function showUrl() {
var getUrl = document.getElementById("url").value;
if (getUrl == "") {
document.getElementById("url").value = "http://";
}
document.getElementById("url").style.background = "#ccc";
}
</script>
</head>
<body>
<input type="text" id="url" onfocus="showUrl()">
<p>输入框获取焦点时,自动填入http://,并改变输入框背景色。</p>
</body>
</html>
Tags : 学习
所有原创文章采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。
您可以自由的转载和修改,但请务必注明文章来源并且不可用于商业目的。
本站部分内容收集于互联网,如果有侵权内容、不妥之处,请联系我们删除。敬请谅解!
打个比方,我原本已经输入好了链接,但是发现少了一个字符,拐回来再修改时,就被还原了。
其实这个可以直接用input标签的value属性和css实现,只是外观可能有些不统一了,使用JS的话,可以在提交时判断是否符合格式,再做处理。(‾◡◝)