In the background or OA system most commonly used layout is a full screen layout, is generally the next three rows of two column layout, header, footer, left menu plus a right ifame frames page. So the two-level menu with folding is often used, and this example is to implement a more versatile, fully compatible, two-level buffer folding menu.
Features:
Full compatibility, browser testing: IE5.5, IE6, IE7, IE8, FF3.0, Google, Safari 4.0, Opera9.0.
El
1, first in the blank space of the computer desktop to select the "New---text document" option;
2, and then copy and paste the following code in,
Windows Registry Editor Version 5.00
[-hkey_classes_rootlnkfileshellexcontextmenuhandlerscompatibility]
[-hkey_classes_rootexefileshellexcontextmenuhandlerscompatibility]
[Hkey_classes_rootbatfileshellexcontextmenuhandlerscompatibility]
3, then save the file as a. reg format, and then double-click the Import registry to be effective, and q
Thunder official does not provide Linux version, but provides a xware version, this is used to make offline download, but already people on the Internet through this integration of desktop applications, but not much testing, stability is not high.http://forum.ubuntu.org.cn/viewtopic.php?t=461341Https://github.com/Xinkai/XwareDesktop (this is recommended)Http://www.linuxidc.com/Linux/2015-04/116273.htmUbuntu 16.04 installed Thunderbolt (not high compatibility
JS's event binding method, ie only support attachevent, and FF and Chrome only support AddEventListener, strictly speaking: AddEventListener only IE9 above version of Internet Explorer can be compatible, IE8 or lower version is not supported, at this time to be able to compatible with IE low-version browser needs to determine the current browser and then for different browsers decide which one to use.The difference between attachevent and Addeventlitener is that the second parameter event name s
1. Get the distance of the scroll barvar Stop=document.documentelement.scrolltop | | Document.body.scrollTop2. Get non-inline stylesIE:CURRENTSTYLE[ATTR]Standard: Getcomputedstyle[attr]function GetStyle (obj,attr) {if (Obj.currentstyle) {return obj.currentstyle[attr];}else{Return getComputedStyle (Obj,false) [attr];}}3. Get the Event objectvar e = e | | Event4. Get keyboard informationE.keycode | | E.which5. Blocking the browser's default behaviorfunction Prevent (e) {if (E.preventdefault) {E.pr
Recently in learning jquery, found that attr is not very easy to use, from the Internet search and finally know the reason, write down for reference. The following is for users in JS bar content: take example of a value to be taken$ ("#all"). attr ("checked")before 1.6 (including 1.6), the return value is either true or False for the Boolean type;after 1.6, the return value is "checked" or undefined. look again at the example of the assignment$ ("#all"). attr ("Checked", XXXX)when XXXX is false
div contains a relative positioning of the div, if the inner layer relative positioning of the div height height concrete value, the inner layer relative layer will have a width value of 100%, the outer layer will be large. The solution gives the inner layer a float property relative to the layer.14.width:100% this thing in IE is very convenient, will search the width of the layer upward, ignoring the impact of the floating layer, FF search to the end of the floating layer, so, can only give th
12, add div layer in the page to show, IE9 default does not show preview, can refer to the description of the title set123456789Ten One A toJS implementation of the image before uploading preview, to achieve the perfect compatibility with FIREFOX3,IE6,IE7,IE8 and IE9 display problems
Window.onload = function () {Alert (' Hello, welcome ');//The browser pops up normally}Window.onbeforeunload = function () {Alert (' Thank you for coming '); IE Firefox Browser tipsReturn (' Thank you '),//ie Google browser hint (opera browser only prompts when refreshed)}Window.onunload = function () {Alert (' Good-bye ');//Only ie normally pops upThe Chrome opera debugs all execute the line, but "Blocked alert () during beforeunload."The Firefox refresh executes the line and pops up "Ns_error_
After installing Python2 and Python3 separately, I want to differentiate directly by command Python2, PIP2 and Python3, PIP3:Enter the Python installation directory separately, modify Python.exe to Python2.exe, Python3.exeThis allows the direct input of python2 and python3 to be used.However, when the name is modified, entering PIP2 or PIP3 throws an exception:inch process using '"'Online read a lot of programs are said to run directly:python2-m pipInstall---m pip install---m pipinstall---m PIP
Use iframe to upload pictures, detect picture size:
http://perfectlife.iteye.com/blog/396959
The following JS, compatibility issues, can not be achieved:
function Checkform (obj) {Str=obj.value.tolowercase ();var ext=str.split (".");var type=filetype.split (",");for (Var i=0;iAlert (ext[1]+ "," +type[i]);if (Ext[1]==type[i]) {Bool=true;alert (bool);}}if (bool) {var boolsize=checksize (str);alert (boolsize);if (Boolsize==false) {Alert ("You upload a pi
, IE does not support (the specified property name is Class,ie will not set the element's Class property, instead of using only setattribute when IE automatically classname properties)
Solution:
SetAttribute (' class ', ' StyleClass ')
setattribute (' className ', ' StyleClass ')
Both IE and FF support Object.classname.
22. Set up events with SetAttribute
var obj = document.getElementById (' ObjID ');Obj.setattribute (' onclick ', ' funcitonname (); ');
Firefox support, IE
values, but textnode do not have tagName values. In IE, the use of nodename is as good as
There is a problem (the situation is not tested, but my IE has been dead several times).
Workaround:
Use TagName, but you should detect if it is empty.
15. Element Attributes
IE under the Input.type property is read-only, but MF can be modified
problems with Document.getelementsbyname () and Document.all[name]
Existing issues:
In IE, Getelementsbyname (), Document.all[name] can not be used to obtain DI
This article focuses on the use of window.open () to open a new window and some of the properties of the parameters in different browsers compatibility, OK, look at the code below.
AlwaysloweredInternet Explorer: not supportedNavigator: Version 4+Specifies that the window always remains at the bottom of the stack. In other words, no matter whether the new window is active or not, it is always under another window.window.open ("alwayslowered
IE7 has been released for some days, so the site needs to look after one more browser. These two days designers are doing compatibility and finding a solution that is both shared and documented. Combined with the previous use of important! and/**/to distinguish between IE5, IE6, Moz experience, the following code distinguishes 4 browsers, the copy code saved into an HTML file to see the effect of it: (
[Ctrl + A All SELECT Note: If the n
Ipconfig/all, simplified XP display as "Ethernet adapter local Connection:" And the simplified WIN7 display is "Ethernet Adapter local Connection:"4. Other unforeseen issues
If you want to write a generic IP modification script, you must take into account the above 1-3 issues, to improve compatibility, close to version/Jianfan language! (English version not considered)(PS: The following code gets the name only for the description, other basics s
The example of this article analyzes the method that jquery solves the browser compatibility problem. Share to everyone for your reference, specific as follows:
Problem:
The Click event that triggers another control imglogin when the user presses the ENTER key when the input control named ABC
In IE document.getElementById (' abc '). Click (); Can call ABC's Click event
But not in FF.
Workaround:
You must do the following:
var evt = document
CSS multi-browser compatibility issues and solutions
First, Document.formName.item ("itemname") problem
Problem description: Under IE, you can use Document.formName.item ("ItemName") or document.formName.elements ["ElementName"];firefox, You can only use the document.formname.elements["ElementName"].
Workaround: Unify the use of document.formname.elements["ElementName"].
problem of object of collection class
Problem Description: IE, you can use
, other casual. Like what:
Body, button, input, select, textarea {font: 12px/1.5 Arial,' Arial '
In a situation where support is not perfect, such a solution can be said to be perfect. Even if you have a Hack compatibility plan like me, or do not recommend violence, our goal is, and should be, more effective and elegant.
Then, in fact, hack IE 8, you can consider selector{property:value\0;} such a method, because this is ie8+ un
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.