fcc 对Random Quote Machine的总结
主要是两点,一个是点击按钮随机引语,一个是链接到新浪微博,这俩用js直接绑定click事件来做都比较方便,具体细节总结了一下。
1、随机数的生成:
Math.random(); 结果为0-1间的一个随机数(包括0,不包括1)
Math.random()*n;结果为0-n之间的一个随机数(小数)
Math.floor(num); 参数num为一个数值,函数结果为num的整数部分。
Math.round(num); 参数num为一个数值,函数结果为num四舍五入后的整数。
Math.ceil(n); 返回大于等于n的最小整数。
2、text() 方法设置被选元素的文本内容:
$("#quote").text(ranquote); //将class为quote的文本内容替换为ranquote内容
$("#name").text(ranname);
3、window.open()方法打开窗口
window.open(URL,name,features,replace)//都可选
myWindow=window.open('','','width=200,height=100')
name一个可选的字符串,声明了新窗口的名称。
features一个可选的字符串,声明了新窗口要显示的标准浏览器的特征。如果省略该参数,新窗口将具有所有标准特征。
4、分享到新浪微博
http://service.weibo.com/share/share.php?appkey=&title=&url=&pic=&searchPic=false&style=simple
这是初始的url,都为空。
此处title为分享输入框里默认要显示的内容,如果有,去掉&,将它改为要显示的字符串就行了。
url,pic同理。
具体可以随便找个什么分享一下当例子,比如b站。
$(".fa-weibo").click(function() {
window.open("http://service.weibo.com/share/share.php?appkey=&title="+ranquote+"——"+ranname+"来自Random QuoteMachine"+"&url=&pic=&searchPic=false&style=simple",'','width=100,height=100');
});
5、图标引用
<a href="#" title="分享到新浪微博"><i class="fa fa-weibo"></i></a>
都是放在<i>标签里的,嗯。