JavaScript入门实战

最新推荐文章于 2024-06-12 08:41:10 发布

奔跑吧菜鸟！

最新推荐文章于 2024-06-12 08:41:10 发布

阅读量136

点赞数

本文链接：https://blog.csdn.net/u010789489/article/details/104357265

版权

0、入门

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>统计操作次数</title>

<script>
var a = 0;
function numCount(){
	a++;
	document.getElementById("demo").innerHTML=a;
}
</script>
</head>
<body>

<h1>我的第一个 JavaScript 程序</h1>
<p>当前计数为：</p>
<p id="demo">0</p>

<button type="button" onclick="numCount()">增加计数</button>

</body>
</html>

将上面的内容保存为VarJS.html，然后用浏览器打开，每按一下按钮，计数加1
在这里插入图片描述

注：
在URL，“#”用于分隔开网址和网页内的一个位置定义的名称。在网址后加入“#xxx”，便可以跳到网页内的位置。
参考：https://zhidao.baidu.com/question/213512364.html

1、Top 10 JavaScript编辑器，你在用哪个？
https://zhuanlan.zhihu.com/p/27518238
Sublime Text

2、JavaScript运行原理解析
https://www.kancloud.cn/digest/liao-js/149467

3、js替换所有的回车换行符

//替换所有的回车换行  
function TransferString(content)  
{  
    var string = content;  
    try{  
        string=string.replace(/\r\n/g,"<br>")  
        string=string.replace(/\n/g,"<br>");  
    }catch(e) {  
        alert(e.message);  
    }  
    return string;  
}

正则表达式中的\n匹配换行符，\r匹配回车符。
参考：https://blog.csdn.net/Inuyasha1121/article/details/51071795

4、JavaScript Date 对象
https://www.runoob.com/jsref/jsref-obj-date.html

5、onselectstart与onselect—禁止选择或禁止复制

这两个事件看起来很相似，事实上却非常的不同。
onselectstart
使用js禁止用户选中网页上的内容，IE及Chrome下的方法一样。
使用onselectstart，例如
IE: <body onselectstart="return false">
Firefox：，控制css: body { -moz-user-select: none; }

原文链接：https://blog.csdn.net/china_skag/article/details/41648647

6、WEB端工程环境安装
https://blog.csdn.net/ywhlyx/article/details/87861365

7、关于URL编码作者：阮一峰日期： 2010年2月11日
http://www.ruanyifeng.com/blog/2010/02/url_encoding.html