前端学习日志

1.window.location.reload();和window.parent.location.reload();的区分和使用

reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet])参数：
bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。 true, 则以GET 方式，从服务端取最新的页面,
相当于客户端点击 F5(“刷新”) replace
方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替换的URL。
语法：location.replace(URL) 参数： URL 在实际应用的时候，重新刷新页面的时候，我们通常使用：
location.reload() 或者是 history.go(0)
来做。因为这种做法就像是客户端点F5刷新页面，所以页面的method="post"的时候，会出现“网页过期”的提示。那是因为Session的安全保护机制。
window.location.Reload()是刷新.(我使用的场景是在iframe中使用只刷新当前所在iframe的内容很是方便)
window.parent.location.reload();让打开这个窗口的父窗口刷新，然后本子窗口关闭！

2.js打开新窗口
Window.open()方法
完整的代码

window.open(‘page.html’, ‘newwindow’, ‘height=100, width=400, top=0,
left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,
location=no, status=no’)

保留当前页面，打开一个新的tab页面
（1）方法一：利用超链接
超链接Welcome
（2）方法二：利用js打开新页面（在另外新建窗口中打开窗口）
window.open(“http://www.cnblogs.com/liumengdie/”,"_blank");
关闭当前页面，打开新的页面
（1）方法一：利用超链接
超链接Welcome
（2）方法二：利用js来跳转页面——（在同当前窗口中打开窗口）
window.location.href=“http://www.cnblogs.com/liumengdie/” ;

3.span 文本内容超过宽度自动换行

span{word-break:normal; width:auto; display:block; white-space:pre-wrap;word-wrap : break-word ;overflow: hidden ;}  

white-space – 通过HTML文档的源代码的排版方式控制页面显示文本的排版方式
取值: normal | pre | nowrap | pre-wrap | pre-line | inherit
normal: 正常无变化(默认处理方式.文本自动处理换行.假如抵达容器边界内容会转到下一行)
pre: 保持HTML源代码的空格与换行,等同与pre标签
nowrap: 强制文本在一行,除非遇到br换行标签
pre-wrap: 同pre属性,但是遇到超出容器范围的时候会自动换行
pre-line: 同pre属性,但是遇到连续空格会被看作一个空格
inherit: 继承
初始值: normal
继承性: 是
适用于: 所有元素
white:白色.space:间隔,距离

4.背景音乐设置
4.1这段放在head里
embed标签里的为背景音乐
a标签里放音乐的控件标签

<embed src="XXXX.mp3" autostart="true" loop="true" hidden="true" id="music2" class="music2"></embed>
<a href="javascript:playPause();" style="position: fixed; margin-left: 93%;margin-top: 20%;"><img src="#(root)/images/prize/music.png" width="20" height="20" id="music_btn2" class="aimg" border="0"></a>

jq文件

function playPause() {    
    var music = document.getElementById('music2');    
    var music_btn = document.getElementById('music_btn2');    
    if (music.paused){    
        music.play();    
        music_btn.src = '#(root)/images/prize/music.png';    
    }    
    else{    
        music.pause();    
        music_btn.src = '#(root)/images/prize/playmusic.png';     
    }    
}

4.2这段是放在boday里

	<audio id="music2" src="https://media.sds-vr.com/%E8%8A%B1%E5%BC%80%E9%AB%98%E9%BB%8E%E8%B4%A1.mp3"  loop="loop" preload="preload" autoplay="autoplay">
	</audio> 
	<img src="#(root)/images/prize/music.png" onclick="playPause();" id="music_btn2" class="aimg">

jq文件

function playPause() {    
    var music = document.getElementById('music2');    
    var music_btn = document.getElementById('music_btn2');    
    if (music.paused){    
        music.play();    
        music_btn.src = '#(root)/images/prize/music.png';    
    }    
    else{    
        music.pause();    
        music_btn.src = '#(root)/images/prize/playmusic.png';     
    }    
}